Java Script가 시대가 흐름에 따라 버전을 거듭 업데이트 하여
현재는
2014년까지 쓰이던 ES5(ECMAScript5)에서 업데이트 된
ES6 를 쓰고 있다.
이 ES6 버전이 업데이트 됨에 따라 ES5에서는 볼 수 없었던 다양한 기능들이 추가가 되었는데,
Template literal
도 그 기능들 중에 하나이다.
개인적 의견으로는 아주 편리한 문자열 처리 기능이라 생각하면 이 기능이 없었을 땐 얼마나 불편했었을까 싶었다.
쓰는 방식도 매우 쉽다.
1.문자열로 만들고 싶은 부분을 백틱 (` @`)으로 감싸면 된다.
2. 백틱으로 감싸진 문자열 안에 특정 표현식을 쓰고 싶다면
${}로 감싼 후 표현식을 문자열 안에서도 살려 쓸 수 있다.기존에 썼던 문자열 +표현식과 비교 해보자면
///예시///
let human = "철수"
let school = "다람쥐초등학교"
let result = human+ "는" +school + "에 다닙니다."
console.log( result)
-> "철수는 다람쥐 초등학교에 다닙니다."
로 한 문자열을 있는데 '+' 기호와 문자열을 따로 ""를 써가면서 다시 추가 해줘야 했지만 Template literal을 쓸 경우
///
let human = "철수"
let school = "다람쥐초등학교"
까자는 동일함
let result = `${human}는 ${school}에 다닙니다.`
로써 console.log(result) 를 했을 때 동일한 앞서 설명한 방식과 동일한 결과를 좀 더 편하게 쓸 수 있다.
desarollitor