1-1. JavaScript 기초와 문제 해결

변수

변수란 label(이름)이 붙은 값.

이때 값은 아무것도 없는 경우도 있다. 쉽게 설명하자면 변수는 값을 담는 이름이 있는 박스라고도 생각할 수 있다. 빈 박스의 경우 아무것도 없는 이름만 있는 변수라고 볼 수 있다.

변수의 선언은 let 키워드를 통해 하고 값을 담을 때엔 변수에 = '값'을 통해 넣을 수 있다.

아래는 변수를 선언하고 변수에 값을 넣은 예시이다.

 

let codestate;
codestate = 'Awesome!'

 

선언과 동시에 값을 넣을 수도 있다.

 

let codestate = 'Awesome!'

 

변수 선언시 let키워드와 var키워드를 쓰는 경우 그리고 아무 키워드 없이 선언하는 경우가 있는데, let키워드는 block scope, var키워드는 function scope, 키워드가 없이 선언하여 사용하는 경우 global scope(아무나 다 건들 수 있음)임을 기억하자. 따라서 키워드 없이 선언하여 사용하는 방법은 절대 하지않도록 하자.

 

Javascript에서 값에 따라 trushy(참)와 falsy(거짓)로 구분할 수 있는데 falsy의 값은 6개로 고정되어있고 나머지는 전부 trushy인 값이므로 falsy인 값만 기억하자.

0 , NaN , null , undefined , '' , false

조건문

조건문이란 조건문안에 비교연산자를 통해 나오는 boolean값을 체크하여 true이면 실행하고 false이면 실행하지 않는 문장이다. 아래의 코드를 보며 이해해보자.

 

if(조건1) {
	//조건1이 참이면 실행
} else if(조건2) {
	//조건1이 참이 아니고 조건2가 참일 때 실행
} else {
	//조건1 과 조건2에 해당하지 않는 경우 나머지 경우에 대해 실행
}

 

여기서 키포인트가 있는데 같은지 같지 않은지 비교할 때 ==, !=을 쓰기보단 ===, !==을 쓰기를 권장한다. 이유는 ==, !=는 값만 비교하고 ===, !==는 타입까지 비교를 하기 때문에 깊은 비교를 통해 확실하게 같은지 구분이 가능하다.

 

조건문 안에는 &&(AND연산), ||(OR연산) 연산자를 통해 조건을 추가할 수 있다.

 

//조건1과 조건2가 참일 경우
if(조건1 && 조건2){
	//실행문장
}

//조건1또는 조건2가 참일 경우
if(조건1 || 조건2){
	//실행문장
}

함수

함수는 매개변수를 받아 어떠한 값을 리턴하는 역할을 한다. 이때 매개변수를 받는 경우와 아닌경우 리턴값이 있는 경우 없는 경우가 있다. 리턴값은 함수를 통해 어떠한 값을 다시 재사용할 때 사용가능하다.

아래는 함수의 선언 방식이다.

 

function thisIsFunction(매개변수) {
	//실행문장
    return y;
}

let thisIsFunction(매개변수) = function {
	//실행문장
    return y;
}

 

함수의 return과 console.log()를 비교하자면 return은 값을 실제로 받아오는 것 즉 다른 변수에 담아 다시 사용이 가능하고 console.log()는 일회성으로 해당 값을 그저 콘솔창에 출력시켜주는 역할을 하는 것이다.