TIL 04. JavaScript-Template literals

Template literals

템플릿 리터럴은 내장된 표현식을 허용하는 문자열 리터럴이다.
템플릿 리터럴은 표현식/문자열 삽입, 여러 줄 문자열, 문자열 형식화, 문자열 태깅 등 다양한 기능을 제공한다.

Syntax

맥북에서 백틱(`)을 표현하려면 option+₩를 누르면 되는데, 다시 해보니 키보드가 영어로 된 상태에서 그냥 ₩만 누르면 된다

• 이중 따옴표나 작은 따옴표 대신 백틱(`)으로 감싸준다.
• 변수나 코드를 표현할 때는 ${}로 감싸준다.

let a = 20;
let b = 7;
let c = "자바스크립트";
let str = `저는 ${a+b}살이고 ${c}를 좋아합니다.`;
console.log(str);   //저는 28살이고 자바스크립트를 좋아합니다.

template literals를 이용해 변수와 string 동시 작성

var name="해수";
var job="프로그래머";
var hobby="카페가기";

console.log(
`안녕하세요 저의 이름은 "${name}"입니다.
직업은"${job}이구요
취미는"${hobby}"입니다.`
)
출력--> 안녕하세요 저의 이름은"해수"입니다.
직업은 "프로그래머"이구요,
취미는 "카페가기"입니다.

이렇게 백틱을 이용하면 쉽고 편하게 코딩할 수 있다

Reference