템플릿 문자열

ES6 문법 중에 중요하다고 생각되는 내용들만 정리해볼 생각 입니다

가장 처음에 정리해볼껀 템플릿 문자열인데요 한번 알아볼까요?

 

기존에 있던 자바 스크립트의 문자열 사용 방법 입니다

let str1 = 'hello'
let str2 = 'wolrd'
let helloWolrd = str1 + ' ' +str2
//'hello wolrd'

let cola = {name:'coca cola',price:'710원'}
let messages = '제품 '+ cola.name + ' 1캔의 가격은 ' + cola.price + ' 입니다'
// 제품 coca cola 1캔의 가격은 710원 입니다

 

자 이걸 템플릿 문자열로 바꾸게 된다면 이런식으로 바꾸면 됩니다

let str1 = 'hello'
let str2 = 'wolrd'
let helloWolrd = `${str1} ${str2}`
//'hello wolrd'

let cola = {name:'coca cola',price:'710원'}
let messages = `제품 ${cola.name} 1캔의 가격은 ${cola.price} 입니다`
// 제품 coca cola 1캔의 가격은 710원 입니다

여기까지 템플릿 문자열을 한번 알아보았습니다 다음에는 전개 연산자에 대해서 알아봅시다