javaScript. 템플릿 문자열 (Template String)

- ES2015 이후 추가된 기능으로, 쉽게 말해서 백틱(`) 기능이라고 생각하면 된다.

 

 

 

__

📙 템플릿(Template) 이란?

- 서식 or 견본.

- 미리 준비되어 있는 틀.

 

__

 

 

 

- 복잡한 문자열(String)을 만들 때 띄어쓰기나 따옴표 등의 오타가 자주 발생함.

- 따라서, 백틱(`) 기호를 사용하여 +와 따옴표를 쓰지 않도록 함.

 

 

const name = 'yjin';
const obj1 = {
	age: 23
};

const string = `I am ${name}, ${obj1.age} years old.`;

- 따옴표 대신 백틱 사용

- 변수들은 ${ } 로 감싸줌

 

 

>> 틀을 만들어놓고, 데이터가 들어갈 공간 ${ } 를 줌.

- 데이터가 알아서 그 틀에 맞게 들어가 문자열이 완성됨.

 

 

 

- 또한, 여러 줄을 표현하는 것도 편리해짐.

 

이전에는 \n을 붙여 줄이 구분된다는 것을 표현했다. (줄바꿈)

 

var string1 = 'hello \n world!';

const string2 = `hello
world!`;

 

 

 

 

+) 그외

 

백틱을 화면에 표시하려면 \를 앞에 붙여줘야함.  (\`)

 

 

 

 

---

 

 

+) 추후 포스팅예정

 

- 태그가 붙은 템플릿 리터럴

(ECMAScript) ES2015 Tagged Template Literal

 

 

 

 

 

 

 

 

 

 

---

REFERENCE

https://www.zerocho.com/category/ECMAScript/post/5759b3a732522e883c6f6ddb

(ECMAScript) ES2015(ES6) 템플릿 문자열(template string)

이 포스팅은 zerocho님의 javascript 강의를 보고 작성한 글입니다.

공부+기록 용으로 작성한 것이며, 자세한 것은 위 포스팅을 참고하세요!