[코드캠프]FE 6기 1주차(Template Literals)

[템플릿 리터럴(Template Literals)이란?]
템플릿 리터럴은 자바스크립트에서 문자열을 나타내는 방식을 뜻한다.
기본적으로 자바스크립트는 문자열을 서로 합치기 위해서 더하기(+)를 사용한다.

const myName = "민범기"
console.log("안녕" + myName);
//"안녕민범기"

기존의 자바스크립트 방식이 기존에 더하기를 통해서 문자열을 합치는 방식 이였다면,
ES6에서 추가된 템플릿 리터럴(Template Literals)은..

const myName = "민범기"
console.log(`안녕${myName}`)
//"안녕민범기"

바로 백틱( ` )을 이용하여 문자열 적용 시키는 것이다.
두 방식을 통해서 문자열을 보여주는 부분은 서로 똑같지만 문자열을 표현하는것에 있어서 가독성과 코드 작성이 한결 더 편리해 졌음을 알수 있다.

어떠한 변수안에 들어 있는 값을 한번에 보여주고 싶을때 +를 쓰지 않고 템플릿 문자열로 달러 표시를 통해 문자열을 좀 더 쉽게 합칠 수 있게 된다.