Template Literals

Template Literals이 뭐야?

템플릿 리터럴은 내장된 표현식을 허용하는 문자열 리터럴이다!
템플릿 리터럴은 이중 따음표나 작은 따옴표로 문자열을 표현해주는 것이 아닌 백틱(``)과 ${}를 이용한다!

기본형 템플릿 리터럴

var str_01 = `hello world`;

템플릿 리터럴의 기능

1. 줄바꿈(개행: Multi-line strings)

백틱(`)으로 템플릿 리터럴을 사용하면, 줄바꿈 등을 쉽게 표현할 수 있다.

2. 표현식 삽입(Expression interpolation)

${ } 사이에 변수나 연산 등을 삽입할 수 있다.

var name = `사과`
var price = 100
var num = 5;

console.log(`${name}의 구매가는 ${price * num}원 입니다.`)

템플릿 리터럴, 많이 사용하나요?

개인 포트폴리오 과제를 할 때 절대적으로 쓴 템플릿 리터럴인데 제대로 이해를 못하고 따라쓰기만 했던 것 같다.
사실 아직 나도 완벽하게 안다고 하지못해 더 공부가 필요하지만 포트폴리오를 만들 때 정말 많이 사용하고 하나하나 더하기를 넣거나, 줄바꿈을 위해 /를 쓰는게 줄어들어서 코드가 깔끔하다!