JS) 템플릿 리터럴(Template literals_ 템플릿 문자열)

Cecilia·2022년 12월 8일
0

JavaScript

목록 보기
7/36
post-thumbnail

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

javascript.info 문자열
https://ko.javascript.info/string




Template literals


템플릿 리터럴은 따옴표 대신 백틱을 이용한다.
또한 플레이스 홀더를 이용하여 표현식을 넣을 수 있는데, 이는 $와 중괄호( $ {expression} ) 로 표기할 수 있다.

var a = 5;
var b = 10;
console.log(`Fifteen is ${a + b} and not ${2 * a + b}.`);
// "Fifteen is 15 and not 20."

function sum(a, b) {
  return a + b;
}

alert(`1 + 2 = ${sum(1, 2)}.`); // 1 + 2 = 3.

${expression}을 사용할땐 백틱 사용하기!
profile
'이게 최선일까?'라는 고찰을 통해 끝없이 성장하고, 그 과정을 즐기는 프론트엔드 개발자입니다. 사용자의 입장을 생각하며 최선의 편의성을 찾기 위해 노력합니다.

0개의 댓글