[노마드코더]바닐라JS로 크롬 앱 만들기 (13)Conditions로 true/false 경우 나누기

Conditions(조건문)은 true인지 false인지 알려준다.

예를 들어 사용자가 로그인되어 있는지를 알 때 conditions를 사용한다.

keyword는 'if' 이다.

 

prompt는 message와 default, 두 개의 argument를 받아서 사용자로부터 값을 입력받는다.

prompt가 실행되면 javascript를 일시정지 시키고, CSS를 적용시키지 못해서 잘 사용하지 않는다.

요즘은 HTML, CSS로 만든 자신만의 창을 사용한다.

 

typeof는 type을 return 해주는 함수이다.

prompt로 받은 type은 무조건 string이기 때문에, 숫자를 받으려면 다른 함수를 사용해야 한다.

 

parseInt는 string을 Int로 바꾸어준다.

string을 int로 바꾸었는데 숫자가 아니라면 NaN(Not a Number)가 type에 나타나게 된다.

 

만약 사용자가 숫자가 아닌 값을 입력했을 때 다시 입력하라고 하고 싶다면 어떻게 해야할까?

if 문은 다음과 같은 형식으로 작성한다.

if(condition){
    // condition === true
} else{
    // condition === false
}

isNaN은 number인지 boolean(true/false)로 판별하는 함수이다.

#3 에서 age가 number가 아니라면, #4 에서 number의 형식으로 다시 작성하라고 알려준다.

#5 에서 age가 number라면, number를 올바르게 작성했다고 알려준다.

if 문은 else if를 통해서 여러 개의 조건문을 작성할 수 있다.

만약 하나의 조건식에 여러 조건을 작성하고 싶은 경우 &&이나 ||을 사용할 수 있다.

&&은 and의 개념으로 true && true 인 경우 true를 반환하고, 나머지는 false를 반환한다.

||은 or의 개념으로 true || true, true || false, false || true 인 경우 true를 반환하고, 나머지는 false를 반환한다.