템플릿 리터럴은 정말 많이 사용되고 오히려 권장을 하고 싶을 정도로 너무너무 좋은 ES6 문법이다.
만든 사람 아주 칭찬해 !!!
💡 템플릿 리터럴
백틱(`)을 사용하여 백틱 안에서 자유롭게 텍스트와 변수를 사용할 수 있다.
console.log(`hello!`); // hello!음! 밋밋하니까 뒤에 world라는 단어를 추가하는데 이번에는 변수를 만들어서 추가해보자.
var addStr = "world";
console.log(`hello! ${addStr}`); // hello! world
이럴땐 위와 같이 변수를 넣고 싶은 자리에 ${변수명} 형태로 넣어주면 자연스럽게 변수를 끌고 올 수 있다.
변수명 말고도 계산식도 사용할 수 있긴한데 보통은 저렇게 특정 변수명을 가져와서 쓰는게 좀 더 많은 것 같다.
✨ 𝑬𝒗𝒆𝒓𝒚𝒕𝒉𝒊𝒏𝒈 𝒄𝒐𝒎𝒆𝒔 𝒕𝒐 𝒉𝒊𝒎 𝒘𝒉𝒐 𝒉𝒖𝒔𝒕𝒍𝒆𝒔 𝒘𝒉𝒊𝒍𝒆 𝒉𝒆 𝒘𝒂𝒊𝒕𝒔. ✨