공부/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);
/*
안녕!
나는 자바스크립트를 공부중이야!
*/