본문 바로가기

[JavaScript] ES6 - 템플릿 리터럴

2023. 7. 17.

✅ 템플릿 리터럴(Template Literal) 

 ` 문자열  ${표현식} `  

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

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

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

 

✅ 사용방법

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

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

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

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

'공부 > JavaScript' 카테고리의 다른 글

[JavaScript] 크기값 구하기  (0) 2023.07.14
[JavaScript] target과 currentTarget 차이  (0) 2023.07.13