공부/JavaScript

[JavaScript] ES6 - 템플릿 리터럴

hua cho 2023. 7. 17. 13:10

✅ 템플릿 리터럴(Template Literal) 

 ` 문자열  ${표현식} `  

- 백틱(``)을 사용하여 문자열을 편하게 입력하게 해주는 ES6문법

- 특수문자, 엔터나 스페이스 등의 문자열이 작성한 그대로 출력된다.

- 문자열과 함께 줄 바꿈, 변수사용, 연산, 함수 등을 사용할 때 유용하다.

 

✅ 사용방법

- 문자열은 출력되기 원하는 모양대로 작성하고 변수나 표현식은  ${표현식}으로 나타낸다.

const lang = "자바스크립트";

let print1 = "안녕!\n나는 " + lang + "를 공부중이야!";
console.log(print1);
/*
안녕!
나는 자바스크립트를 공부중이야!
*/

let print2 = 
`안녕!
나는 ${lang}를 공부중이야!`;
console.log(print2);
/*
안녕!
나는 자바스크립트를 공부중이야!
*/