✓ Template literals은
- ES2015 문법부터 적용 된 문법이다.- 문자열을 쉽고, 깔끔하게 작성, 출력할 수 있게 도와준다.
다음 문자열을 출력해보자
우리집에는 강아지 두마리와
고양이 한 마리를 키우고 있다.일반 문자열 출력방식
const cat = '고양이';
const dog = '강아지';
console.log("우리집에는 " + dog + "두 마리와\n"+ cat + "한 마리를 키우고 있다.");문자열과 변수를 합치기 위해 큰따움표와 덧셈 기호가 사용되었고,
줄바꿈을 해주기위한 줄바꿈 문자가 사용되었다.
템플릿 리터럴
const cat = '고양이';
const dog = '강아지';
console.log(`우리집에는 ${dog} 두마리와
${cat} 한 마리를 키우고 있다.`);개행문자, +기호, 큰따움표 기호등을 사용하지 않아도 쉽게 출력되는 것을 알 수 있다.
어떻게 사용할까
- tab 버튼 위에 있는 백틱(``) 문자로 감싸준다
- 변수는 ${} 사이에 넣어준다
왜 사용할까?
당연하지만, 줄바꿈과 띄어쓰기가 편해지고, 입력이 훨씬 간편하다.
