[혼공스] 02 - 2 정리

 

오늘은 02 - 2장의 내용을 정리해 보자.

 

02 - 2장의 제목은 '상수와 변수'이다.

 

아주 특별한 내용은 없었지만 그래도 눈여겨봐야 할 개념들이 제법 나온다.

 

그럼 정리 시작!

 

상수와 변수?

상수는 '한 번 값을 넣으면 꺼낼 수 없는 모든 면이 막힌 유리 상자'라고 생각하면 되고, 변수는 '위가 뚫려 있어서 값을 꺼내서 버리고 다시 넣을 수 있는 유리상자'라고 생각하면 된다.

이렇게 말하면 값을 바꿀 수 있는 변수가 더 좋아 보이지만, 실제로는 상수가 훨씬 많이 사용된다. 모든 면이 막힌 유리 상자와 같은 상수는 쌓아서 저장할 수 있으므로 저장 효율이 좋지만, 위가 뚫려있는 변수는 쌓아 둘 수가 없어서 저장 효율이 나쁘다고 생각하면 이해하기 쉽다. (오!)

 

상수

const 키워드로 다음과 같이 선언한다.

const 이름 = 값

 

상수는 선언할 때 반드시 값을 함께 지정해줘야 한다. 만약 상수를 선언할 때 값을 지정해주지 않는다면 'Missing initializer in const declaration' 이라는 오류가 발생한다.

 

변수

변수를 만들 때는 let 키워드를 사용한다.

let 이름 = 값

 

var 키워드(쓰레기)

학교수업에서 교수님께서 강조하셨던 부분이다! 여기서 다시 만나니 반가운 마음..

 

상수와 변수는 특정한 이름으로 한 파일에서 한 번만 선언할 수 있다. 만약 같은 이름으로 한번 더 선언하면 'Identifier has already been declard'이라는 오류를 발생시킨다.

 

변수를 생성할 수 있는 키워드로 var 키워드도 있는데, var 키워드를 사용하면 변수를 같은 이름으로 여러번 선언할 수 있다. var 키워드는 변수를 중복해서 선언할 수 있다는 위험성, 변수가 속하는 범위가 애매하다는 이유로 let 키워드가 등장하면서 대체되었다.

 

복합 대입 연산자

대입 연산자와 다른 연산자를 함께 사용하는 연산자

ex) +=, -=, *=, /=, %=

<script>
	let list = ''
 
	list += '<ul>'
	list += ' <li>Hello</li>'
	list += ' <li>JavaScript..!</li>'
	list += '<ul>'
 
	document.write(list)
</script>

 

실행결과

• Hello
• JavaScript..!

증감 연산자

후위란 해당 문장을 실행한 후 값을 더하거나 빼라는 의미이다.

반대로 전위는 해당 문장을 실행하기 전에 값을 더하거나 빼라는 의미이다.

<script>
	let number = 10
 
	alert(number++)
	alert(++number)
	alert(number--)
	alert(--number)
</script>

 

실행결과

10

12

12

10

 

02 - 2장은 여기서 마무리된다.

 

상수와 변수에 대한 설명과 비유가 인상적이었고, 교수님이 강조하셨던 var 키워드가 등장했다. 전위 증감, 후위 증감도 은근 헷갈리는데 짚고 넘어갈 수 있었다.

 

내일은 02 - 3장의 내용을 정리해 보도록 하자!

 

오늘 하루도 쌓였다!