반응형
! 공식문서를 참고해서 개념을 다시 한번 확인해주세요 !
MDN
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Template_literals
1. template literal이란
-ES6 이전에는 템플릿 문자열이라고 부르던 것을 ES6에서 템플릿 리터럴 이라고 부르게 되었음
-문자열 삽입, 표현식 삽입, 여러 줄 문자열 생성 등 다양한 기능을 제공함
2. 기본 사용법
-백틱(`)이라는 문자 사이에 문자열을 입력하고 ${variable}로 변수를 주입시켜 문자열을 작성함
ex.
3. 다양한 기능 설명
-문자열 삽입
-표현식 삽입
-여러 줄 문자열 생성
전체를 백틱(`)으로 감싸면 \ 기호를 사용하지 않고 여러 줄 문자열을 작성할 수 있음
-중첩 템플릿
Resources
https://velog.io/@rlaghwns1995/JavaScript-%ED%85%9C%ED%94%8C%EB%A6%BF-%EB%A6%AC%ED%84%B0%EB%9F%B4
반응형
'Learning Log > JavaScript' 카테고리의 다른 글
| [javascript] 모던 자바스크립트 딥다이브 스터디 1강 변수/표현식과 문 (0) | 2023.07.18 |
|---|---|
| [javascript] 한 자릿수 날짜 입력 시 두 자리로 만들기 (0) | 2023.06.07 |
| [javascript] 이벤트 버블링, 이벤트 캡쳐, 이벤트 위임 (0) | 2023.01.13 |
| [javascript] querySelector, getElementById, getElementsByClassName 차이 (0) | 2023.01.12 |
| [javascript] 증감연산자, 복합대입연산자 (1) | 2023.01.06 |