본문 바로가기

html+CSS+JS

스터디 일지 | HTML, CSS, jQuery 어중간한 초급자 탈출하기 #6 (형변환(2), 백틱으로 문자에 변수 포함하기, null/undefined)

반응형
#6회차
형변환(2), 백틱으로 문자에 변수 포함하기, null/undefined

1) 형변환(2)

- 사칙연산(+, - , *, /, %, **) 중 string을 잇는 역할을 하는 '+'를 제외하고는 모든 형태를 숫자로 받아들인다.

- 관계 비교 연산(<, <=, >, >=)에서도 도출되는 값만 boolean값일 뿐, 내부의 형태는 전부 숫자로 받아들인다.

- 같음 비교 연산(===, !==, ==, !=)에서는 형태까지 일치하는지, 값만 동등한지 여부에 따라 다른 boolean값이 나온다

console.log(1 === '1'); false
console.log(1 === true); false
console.log(1 == '1'); true
console.log(1 == true); true

 

2) 문자열 사이에 변수를 넣기 위해 백틱 사용하기

- string과 변수를 이을 때, +를 사용하여 잇는 대신 string과 변수를 한데 묶어 백틱을 사용해서 표현 가능

ex) 변수 설정: let money = 10000;

+ 사용 console.log('오늘은 ' + money + '원을 용돈으로 받았다.')
백틱(``)사용 console.log(`오늘은 ${money}원을 용돈으로 받았다.`)

위 두 경우는 동일하게 '오늘은 10000원을 용돈으로 받았다.'라는 문구를 출력하게 된다.

백틱 안에서 '${}'를 사용하여 변수나 함수를 삽입하는 방식으로 사용이 가능하다.

 

 

3) null / undefined

undefined = 값을 찾을 수 없을 때. (컵만 가져다 뒀을 때의 컵)

null = 일부러 값을 없다고 설정했을 때. 즉, '값이 없다'는 값임. (컵에 있는 물(값)을 마신 후의 컵의 상태)

 

 

 

오랜만에 다시 스터디 시작!

아쉽게도 인프런 스터디 포인트는 못 받았지만 그래도 계속 하려고 한다.

비록 1달 정도를 서로의 스케쥴로 인해 쉬게 되었지만, 둘 다 계속하려는 마음이 있으니 더 나아지지 않을까:D?

반응형