개발/HTML+CSS+JS

모던 자바스크립트 Deep Dive - 제 06장(1)

고인호 2023. 1. 31. 23:55
반응형

<모던 자바스크립트 Deep Dive - 제 06장>

2023. 01. 31

 

06장 데이터 타입

자바스크립트의 모든 값들은 데이터 타입을 갖는다. 

총 7가지의 데이터 타입이 있는데, 이들은 크게

원시 타입 / 객체 타입 이렇게 두 가지로 분류할 수 있다.

 

1. 원시 타입

- 숫자 타입 

- 문자열 타입(string)

- 불리언 타입 : True / False

-  undefined 타입 : 변수를 선언하면 암묵적으로 초기에 할당되는 값

- null 타입 : 값이 존재하지 않음을 의도적으로 명시할 때 사용하는 값

- 심벌 타입

 

2. 객체 타입

- 객체, 함수, 배열


 

6.1 숫자 타입)

자바스크립트는 특이하게 모든 수를 실수로 처리한다. 

+ 숫자 타입은 아래 3가지의 특별한 값도 표현할 수 있다.

Infinity : 양의 무한대 / -Infinity : 음의 무한대 / NaN : 산술 연산 불가

 

ex) 1 * 'String'  과 같은 경우가 NaN에 해당함

 


 

6.2 문자열 타입)

X

 


 

6.3 템플릿 리터럴)

템플릿 리터럴은 새로 도입된 문자열 표기법으로

멀티라인 문자열 / 표현식 삽입 / 태그드 템플릿

이 있다.

 

1) 멀티라인 문자열

일반 문자열 내에서는 줄바꿈이 허용되지 않는다.

따라서 문자열 내에서 줄바꿈을 표현하려면

백슬래시로 시작하는 이스케이프 시퀀스를 사용해야한다. 

보통 기억할 부분은 줄바꿈을 위해서는 |n

작은따옴표나 큰따옴표 등을 표현하기 위해서는 각각의 앞에

백슬래시를 넣어주어서 표현할 수 있다. (백준 문제에서도 풀어본 내용)

++ 하지만 일반 문자열과 다르게 템플릿 리터럴 내에서는

이스케이프 시퀀스를 사용안해도 줄바꿈이 가능함

즉, 그냥 백틱(``) 사용하면 줄바꿈이 그대로 적용되어서 출력된다.

 

2) 표현식 삽입

아마 가장 많이 사용하는 기능이 아닐까 싶다.

전체를 백틱(``)으로 감싸고, ${}로 표현식을 감싼다. 

 


6.4 불리언 타입)

X


6.5 undefined타입,  6.6 null 타입)

선언한 변수는 살펴본 것 처럼 암묵적으로 undefined로 초기화된다. 

이는 개발자가 의도적으로 할당한 값이 아니다. 

'변수에 값이 없다'는 것을 나타내기 위해서는

undefined가 아닌 null을 할당한다. 

 


https://link.coupang.com/a/F6ksK

 

모던 자바스크립트 Deep Dive:자바스크립트의 기본 개념과 동작 원리

COUPANG

www.coupang.com

"이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다."

반응형