Learn.04 바닐라 JS로 크롬 앱 만들기

Monroe·2021년 11월 15일
0
post-thumbnail

1. javascript의 데이터 타입 : Boolean(true & false)

① Boolean : 조건부 테스트 할 때 쓰인다.

boolean은 오직 true or false만 가진다.
컴퓨터에서 0 (없다), 1 (있다)이 있는 것처럼 우리도 똑같은 표현방식으로 true(참)와 false(거짓)으로 표현한다.

const amIFat = false; ⭕️
const amIFat = "false"; ❌

const amIFat = true; ⭕️
const amIFat = "true"; ❌

전에도 언급했듯이 "이 안"은 string, 문자(text)인데 true 나 false로 정의 할 때 따옴표를 쓰면 절대 안된다.

const amIFat = true;
console.log(amIFat);

으로 쓰면 console에서는 true라는 값을 띄운다.

그럼 true와 false를 언제 쓰나?
예를 들자면, 사용자가 로그인을 했는지 안했는지와 같은 상태를 나타내야할 때에 쓰인다. (=조건부 테스트! condithional tasting)

2. Javascript의 데이터 타입 : null, undefined

② null은 그 변수에 아무것도 없다는 것을 뜻한다.

const amIFat = null; ⭕️
const amIFat = "null"; ❌

자바스크립트의 데이터 타입 중에서 "존재하지 않음" 또는 "정의되지 않음" 또는 "아무것도 없음"을 의미하는 것이 있다.

그 중에 null은 그 변수에 아무것도 없다는 것을 의미한다.

즉, null≠false!
false는 값이 존재하는 것이고, null은 여기에 아무것도 없다!

아무 것도 없는 "상태"로 채워진 것이 null.

⭐️⭐️⭐️ ③ undefined : 변수의 값이 없다.

let something; 👈여기에 variable은 만들었지만 어떠한 값도 정해주지 않았다.
console.log(something);

보통 variable을 생성하면 값을 주는데, 이 경우에는 값을 주지 않을 때 console에서 undefined(정의되지 않은)라고 띄운다.

그러니까.. variable이 메모리에 만들어졌고 컴퓨터가 이 variable에 대해 인지하고 있지만 값이 없어서 undefined의 상태를 띄운 것이다.

이것도 null과 같이 type 이지, 문자string랑은 다르다.

여기서 undefined와 null에 대한 정의를 이해하기 힘들어서 두번이나 돌려봤다..

한번 더 정리하면,

니코 쌤은 null은 절대 자연적으로 발생하지 않는 것이고, null은 우리가 variable 안에 어떤 것도 없다는 것을 확실히 하기 위해 쓰는 것이라고 한다. 자바스크립트에게 여기엔 값이 "없다"는 것을 알려줄 때 쓰이는 것.

undefinde는 값이 아예 주어지지 않는 것이다. null은 variable을 정해서 null이라는 값을 정해주었지만, undefinde는 variable은 주어졌지만 값이 비어져있는 것이라고 이해하고 넘어가기로 한다..

Empty..?

하다보니까 알게 된 것인데, 공백empty이면 undefinde로 나타내주지 않는다.

let testEmpty = "";

let tsetUndefined;
console.log(testUndefined);

이런 식으로 variable에게 testEmpty라는 이름을 정했지만 "이 안에" 아무것도 없으면 undefined 라고 하지 않고 아예 값 자체를 나타내지 않는다...

음..ㅠ 근데 이건 이렇다 라는 것만 알고 나중에 니코 쌤이 알려줄거라 믿으며 다음 청취하러 가야겠다..

profile
monroe=pearl-mairs / JS 배우는 중

0개의 댓글