노마드 코더 바닐라 JS 챌린지 3일차

오늘까지 마지막 퀴즈 풀이로 간단하게 제출이고

내일부터는 코드 챌린지라고 해서 마냥 기대중이다

근데 오늘은 강의 개수가 2.7 ~ 2.16으로 9개라서 강의 수가 많아 간단히 정리해보려고 한다

---

#2.7 Function part One

-function은 반복해서 사용할 수 있도록 있는 코드 조각이다

-function은 어떤 코드를 캡슐화해서 실행을 여러번 할 수 있게 해준다

-function은 함수 이름과 매개변수를 넣을 수 있는 괄호()가 필요하고 함수를 호출할 때마다 실행할 {}중괄호 안의 코드가 필요하다

-함수를 실행할 때는 '함수이름()'와 같은 형식으로 실행할 수 있다.

-함수에서는 인수(argument)를 통해 실행하는 동안 어떤 정보(데이터)를 function에게 보낼 수 있다.

 

#2.8 Function part Two

-위에서 말했듯 데이터가 필요하면 함수 이름 옆 소괄호에 매개변수로 넣어준다. 원하는 어떤 이름이든 넣어줘도 상관없다

해당 데이터를 사용할 때는 중괄호 안에서 넣어준 매개변수와 같은 variable(변수)이름을 사용하면 된다.

-위 설명에서 사용된 매개변수는 해당 function의 body에만 존재하는 것이다.(스코프 개념) 그래서 함수 바깥에서 매개변수로 사용된 변수를 사용하면 에러가 발생한다

function sayHello(nameOfPerson, age){
	console.log("Hello my name is " + nameOfPerson + " and I'm" + age);
}

sayHello("seongeun", 20);
//Hello my name is seongeun and I'm 20

-object(객체)안에 있는 함수를 사용할 때에는 '객체이름.함수이름()'와 같은 형태로 사용한다(console.log()와 같은 형태)

 

#2.11 Returns

-function은 나를 위해 무언가를 해주는 것이고 그 무언가에 대한 값, 결과를 받기 위해서는 return을 사용한다. 이전처럼 console.log()만 쓸 경우 값에는 변화가 없이 console창에 띄워줄 뿐이고 함수에 대한 결과 값은 return 뒤에 적어주어야 한다.

const age = 29;
function calculateKrAge(ageOfForeigner){
	return ageOfForeigner+2;
}

const krAge = calculateKrAge(age);
console.log(krAge);

-위 코드에서 return 이 없다면 맨 아래 console.log에서는 undefined를 반환한다.

-가끔은 function을 쓸 때 조용히 작업시키고 결과는 필요 없는 경우도 있다. 그러나 어떨 때는 어느 작업을 하고 결과를 알려주어야 하는데 그럴 때 return을 사용한다.

 

#2.13 Conditionals(조건문)

-조건문은 true인지 false인지 알려주는 문법이다. 무언가 확인하려고 할 때 대부분 사용함(로그인 했을 때, 무언가 반응을 만들어낼 때 등)

#2.14 Conditionals part Two(조건문)_if(){}, else{}

-isNaN()은 결과값을 boolean으로 true / false 둘 중 하나의 값으로 반환해준다(숫자인지 아닌지 판단하는 함수)

-조건문은 if(조건문){실행문}의 형태로 사용된다

-else{}는 앞의 if문에서 실행문이 거짓일 때 사용되고 if문과 마찬가지로 else{실행문}의 형태로 코드블록 안에 있는 코드들이 실행된다(if문이 true이면 if문의 실행문이 실행되고 if문이 false이면 else문이 실행된다)

const age = parseInt(prompt("How old are you?"));

if(isNaN(age)){
	console.log("Please write a number");
} else {
	console.log("Thank you for writing your age.");
}

 

-

#2.15 Conditionals part Three(조건문)_else if(){}

-else if 문은 if가 거짓일 때 다른 조건을 넣어서 실행문을 만들어주는 문법이다. 마지막에 else문이 붙는다면 모든 조건이 거짓일 때 해당 else문의 코드블럭이 실행된다

const age = parseInt(prompt("How old are you?"));

if(isNaN(age) || age<0){
	console.log("Please write a number");
} else if(age<18){
	console.log("You are too young.");
} else if(age>= 18 && age <=50){
	console.log("You can drink");
} else if(age>50 && age<=80){
	console.log("You should exercise");
} else if(age>80){	
	console.log("You can do whatever you want.");
}

-논리 연산자 ||(or) 와 &&(and)

||(or)는 둘중 하나라도 참이면 참 둘 다 거짓일 때만 거짓을 반환한다

&&(and)는 둘 다 참이여야 참을 반환하고 나머지는 거짓을 반환한다