백틱과 달러중괄호 사용법: ``와 ${}

템플릿 리터럴 template literal: 일반 문자열로 변환되어 처리됨. 백틱 `` 사용 

-멀티라인 문자열 multi-line string

-표현식 삽입 expression interpolation

-태그드 탬플릿 tagged template

 

-멀티라인 문자열

• 일반 문자열 "" 혹은 ''내에서는 줄바꿈이 허용되지 않음. 사용하기 위해서는 \ 이스케이프를 사용해야함
• 하지만 템플릿 리터럴 내에는 줄바꿈, 공백이 모두 허용됨

-표현식 삽입 ${}

• 문자열은 문자열 연산자 +를 사용하여 연결 연산자로 동작함
• 템플릿 리터럴 내에서는 표신식 삽입 ${}을 통해 문자열을 넣을 수 있음
• ${}을 감싸면 표현식의 평가 결과가 문자열이 아니더라도 문자열로 타입이 강제 변환되어 삽입됨
• 표현식 삽입은 반드시 템플릿 리터럴 내에서 사용해야함.

const first = 'Jule';
const last = 'Lee';
console.log(`My name is ${first} ${last}.`)
//My name is Julie Lee

-태그드 탬플릿

참고

Tagged Template Literals 문법 :: 마이구미
출처: https://mygumi.tistory.com/395 [마이구미의 HelloWorld:티스토리]