노마드 코더 - 바닐라 JS로 크롬 앱 만들기(#2.11 ~ #2.16)

#2.11 Returns ~ #2.12 Recap

함수 return 

return을 함으로써 function을 호출하는 코드가 return의 결과 값이 된다. 아래 코드를 보면서 설명하자면 

const calc = {
    plus : function (a,b) {
        return a+b;
    }
};

const plusResult = calc.plus(6,7); // 이 부분이 function을 호출하는 코드 즉 return의 결과값인 13이 된다.

console.log(plusResult);

함수 내부에서 console.log를 사용할때와는 다른게 return을 이용하면 함수 외부에서 값을 얻은 뒤에 그 값으로

더 다양하게 활용을 할 수 있다. 그리고 한번 return 하면 function은 결과값을 return하고 종료가 된다.

const calc = {
    plus : function (a,b) {
        return a+b;
        console.log("hi"); // 이렇게 return 아래에다 써도 이 문장은 출력되지 않는다.
    }
};

#2.13 Conditionals

조건문 

prompt() 함수 => 사용자에게 창을 띄울 수 있게 해준다. 2개의 인자를 받는데 첫번째는 입력 창에서 띄워줄 메시지

두번째는 입력 부분의 기본 값이다. 메세지만 쓰고 사용자에게 텍스트 메시지와 입력 필드, 확인 및 취소 버튼이 있는

창을 띄워준다. 그리고 사용자는 프롬프트 대화상자의 입력 필드에 원하는 값을 입력하고 확인을 누를 수 있다.

값을 입력하길 원하지 않는 경우는 취소 버튼을 누르거나 Esc를 눌러 대화상자를 빠져나가면 된다.

근데 사실 매우 오래된 방법이라 아무도 안쓴다고 한다. 요즘은 html css 로 직접 만들어서 이용한다고 한다.

parseInt() 함수 => String을 number로 변환을 해준다. 그리고 글자를 정수로 변경할 수 없다면 NaN(Not a Number) 

값을 리턴해준다. 예를 들자면 문자열 '10' 해주면 정수 10으로 변환을 해주지만 문자열 'ㅁㅇㄹㅇㄻ' 해주면 정수로 변환을 할 수 없기때문에 이때 NaN을 리턴을 해준다는 것이다.

#2.14 Conditionals part Two

isNaN() 함수 => 하나의 인자를 주면 number 인지 아닌지 boolean 으로 알려준다. 

true를 반환을 하면 NaN 이라는 뜻이고 false를 반환 하면 NaN이 아니라는 뜻이다. 

const age = parseInt(prompt("How old are you?")); // prompt함수로 메세지를 띄워서 값을 받고 받은 값을 prompt로 
                                                 // number로 변환

if (isNaN(age)) { // 받은 age 값에 따라 true false 출력 해서 true면 아래 문장을 실행 
    console.log("Please write a number");
}

if else if else 문 다른 포스트에서도 했으니 넘어감