JavaScript/study

[javascript] ES6 템플릿 리터럴 (Template literals), 백틱

아2 2023. 5. 22. 19:43

**공식문서**

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Template_literals

 

Template literals - JavaScript | MDN

템플릿 리터럴은 내장된 표현식을 허용하는 문자열 리터럴입니다. 여러 줄로 이뤄진 문자열과 문자 보간기능을 사용할 수 있습니다. 이전 버전의 ES2015사양 명세에서는 "template strings" (템플릿 문

developer.mozilla.org


템플릿 리터럴이란?

여러 줄로 이뤄진 문자열과 문자 보간기능을 사용하게 만들어 주는 문자열 리터럴 표현식

백틱(```) 과 ${}로 표현!!

 

특징

-${} 를 활용해 동적으로 변수,상수,함수 등의 값을 문자열에 포함 가능 (= 문자열 보간)

-멀티라인 가능 ( css pre 속성처럼 두줄 세줄 작성하면 그 라인을 그대로 같이 저장함 )

 

사용방식

"string"
'string'
new String("string")

`string text`

`string text 
string text line2`

`string text ${value} text`

**따로 정리한 아래 글도 참조

https://vc-xz.tistory.com/126

 

[javascript] 문자열(string) 다루기

문자열?? 자바스크립트에서 문자열(String)은 텍스트 데이터를 나타내는 데 사용되는 데이터 타입이다. 문자열은 작은 따옴표(''), 큰 따옴표(""), 또는 백틱(``)으로 감싸져 있다. 다음은 문자열의

vc-xz.tistory.com