노마드코더 - 바닐라JS로 크롬 앱 만들기(변수 / null, undefined / array)

2, 3강 

 

변수를 설정할 때

const       --> 기본

let            --> 가끔

var           --> 자제 하자!

 

const는 값을 바꿀 수 없다

let은 바꿀 수 있다

var은 바꿀 수 있다

 

하지만 var을 왜 못쓰게 할까?

그것은 var은 js초기에 만들어진 것인데 var을 사용하면 코드 작성자의 의도를 파악할 수 없다.

 

만약 코드 작성자가 const를 썼다면 그 값은 아래 코드에서 절대 변할 일 없다는 것을 알려주는 것 이고

let을 사용했다면 변할 여지가 있다는 것을 알려주는 것 인데

var은 구분하지 않고 쓰였었기 때문에 이후에 바꿀 것인지 아닌지 코드 작성자의 의도를 알 수 없다.

 

 

---

 

2.4강

null = 없다

비었다기 보다는 아무것도 없는 상태로 채웠다.

 

*절대 자연적으로 발생하지 않는다!*

null은 우리가 값 안에 어떤것이 없다는 것을 확실히 하기 위해 사용한다.

 

 

undefined = 정의 되지 않은

 

말 그대로 정의되지 않은 것 이다.

예를 들어

let something;
console.log(something);

위의 코드를 보면 something이라는 변수를 선언하긴 했지만

아무것도 할당해주지 않았다. 

이 상태에서 something을 표시 하라고 하면 

콘솔 창에는 이렇게 undefined라고 나오는 것 이다. 

 

즉 컴퓨터 메모리 안에는 존재한다. 공간을 차지하고는 있지만 값이 들어가지 않은 상태를 말한다. 

 

 

---

 

2.5강

 

array

 

<array의 목적>

하나의 variable 안에 데이터의 list를 갖는 것!

 

<array 만드는 규칙>

1. [ ] 로 표시한다

2. [ ] 안에는 ' 로 값을 구분해준다. ( array 안에 값은 무엇이든 상관 없다!)

 

 

<array안에 값을 불러오는 방법>

const daysOfWeek = ["mon" , "tue" , "wen" , "thu"]

console.log(daysOfWeek[2]);

위 코드 처럼 array의 이름(여기서는 daysOfWeek)을 쓴 다음 []안에 불러오고 싶은 값의 번호를 적어주면 된다.

 

*주의할점*

컴퓨터는 숫자를 0부터 센다!!

즉 mon은 0번, tue는 1번 ··· 이렇게 되는 것!

 

 

 

 

 

 

 

썸네일용