literal : 정보를 표현하는 기호, 방법
//예제코드
var menu='burger';
var str='I like '+menu+'.\nI want to eat '+menu+'.';
console.log(str);
output:
I like burger.
I want to eat burger.
위와 같은 코드를 Template Literal를 통해 더 간단히 작성할 수 있다.
//수정된 코드, same output
var menu='burger';
var str=`I like ${menu}.
I want to eat ${menu}.`
개행할 때 \n
을 사용하지 않아도 된다.
(따옴표 안에 String을 작성할 때 개행을 포함하면 오류가 발생한다.따라서 \n
을 통해 개행을 표현해야 했다)
따옴표(') 대신 억음부호/backtick(`) 을 사용해서 문자열을 묶어준다.
(backtick은 키보드에서 ~와 같은 자리에 shift없이 입력되는 기호)
문자열 사이에 변수를 사용하고 싶을 때 문자열을 끊을 필요 없이, ${변수명} 을 사용하면 된다.
(중괄호 안에서 javascript 문법이 허용된다고 생각하면 쉽다. 변수명 뿐만 아니라 1+1와 같은 연산들도 쓰일 수 있기 때문)
ex- The output is ${1+1}.
-> output : The output is 2.