06.2. 템플릿 리터럴과 불리언 타입

템플릿 리터럴

ES6부터 템플릿 리터럴이라고 하는 새로운 문자열 표기법이 도입 되었다. 이 문자열은 멀티라인 문자열, 표현식 삽입, 태그드 테플릿 등 편리한 문자열 처리기능을 제공한다. 템플릿 리터럴은 런타임에 일반 문자열로 변환되어 처리된다. 템플릿 리터럴은 백틱(`)을 사용한다.

var template = `Template literal`;
console.log(template); // Template literal

1) 멀티라인 문자열

• 일반 문자열 내에서는 줄바꿈(개행)이 허용하지 않는다.

var str = 'Hello
word.';

따라서 일반 문자열 내에서 줄바꿈 등의 공백을 표현하려면 백슬래시(\)로 시작하는 이스케이프 시퀀스를 사용해야 한다.

이스케이프 시퀀스	의미
\0	Null
\b	백스페이스
\g	폼 피드, 프린터로 출력할 경우 다음 페이지의 시작 지점으로 이동하낟.
	개행, 다음 행으로 이동
	개행, 커서를 처음으로 이동
	탭(수평)
\v	탭(수직)
\uXXXX	유니코드, 예를 들어 '\u0041'은 'A', '\u55C'는 '한'
\'	작은 따옴표
\"	큰 따옴표
\\	백슬레시

일반 문자열과 달리 템플릿 리터럴 내에서는 이스케이프 시퀀스를 사용하지 않고도 줄바꿈이 허용되며, 모든 공백에도 있는 그대로 허용된다.

var template = `<ul>
  <li><a href="">Home</a></li>
</ul>

<ul>
  <li><a href="">Home</a></li>
</ul>

2) 표현식 삽입

문자열은 문자열 연산자 + 를 사용해 연결할 수 있다 .+ 연산자는 피연산자중 하나 이상의 문자열인 경우 문자열 연결 연산자로 동작한다. 그외는 덧셈 연산자로 동작한다.

var first = "tk";
var last = "oh";

// ES5 문자열 연결
console.log("My name is " + first + " " + last + "."); // My name is tk o.

또한, 표현식의 평가 결과가 문자열이 아니더라도 문자열로 타입이 강제로 변환되어 삽입이 된다.

const day = "오늘은";

const month = 5;

day + month; // 오늘은 5

불리언 타입

불리언 타입의 값은 논리적 참, 거짓을 나타내는 true와 false뿐이다.

var foo = true;
console.log(foo); // true

foo = false;
console.log(foo); // false

요약

• 표현식의 평가 결과가 문자열이 아니더라도 문자열로 타입이 강제로 변환되어 삽입이 된다.