본문 바로가기
공부/AngularEssentials

템플릿 리터럴

by 사탕공방 2018. 11. 15.
  • ES6에서 도입된 새로운 문자열 표기법
  • 일반 문자열과 비슷해 보이지만 ' 또는 " 대신 `( 백틱 )을 사용한다. [ ESC 아래 TAB 위에 키 ]
  • `템플릿 리터럴은 '작은 따옴표'와 "큰 따옴표"를 혼용할 수 있다.`;
  • 여러 줄에 걸쳐 문자열을 작성할 수 있으며 템플릿 리터럴 내의 모든 화이트스페이스는 있는 그대로 적용된다.
  • + 연산자를 사용하지 않고 `My name is ${first} ${last}.`;와 같이 문자열을 삽입할 수 있다. ( String Interpolation ) [ first와 last는 변수명 ]
  • #{expression}을 템플릿 대입문( template substitution )이라 한다. 대입문에는 자바스크립트 표현식도 사용할 수 있다.
    • console.log(`Hello ${name.toUpperCase()}`); [ name은 변수명 ]

Angular Essentials 이웅모 저



'AngularEssentials' 카테고리의 다른 글

let, const, 블록 레벨 스코프  (0) 2018.11.15
Angular  (0) 2018.11.14
package.json과 의존성 관리  (0) 2018.11.14
npm  (0) 2018.11.14
Node.js  (0) 2018.11.14

댓글