ES6 문법 / 템플릿 리터럴

박다영·2023년 1월 5일
0

javascript

목록 보기
13/15

템플릿 리터럴 (Template Literal) 이란?

내장된 표현식을 허용하는 문자열 입력방식
(문자열 안에 표현식을 넣는 것을 허용해준다는 뜻)
ES6 이전 : "저는 " + (a + b) + "살이고 " + c + "를 좋아합니다."
ES6 이후 : 저는 ${a+b}살이고 ${c}를 좋아합니다.


사용법

  1. ` ` 백틱(back-tick)으로 감싸서 사용 가능
  2. ${ } 중괄호 앞 달러 표시를 통해 자바스크립트 표현식 사용 가능

참고 :
mdn - Template literals
ES6 템플릿 리터럴에 대해 알아보자!! << 설명이 이해잘되고 좋음
[JavaScript] ES6 문법

profile
개발과 디자인 두마리 토끼를!

0개의 댓글