Template Literals?? 뭔데??

1. Template literals(템플릿 리터럴)??

• 정의 : 내장된 표현식을 허용하는 문자열 리터럴이다. 글로만 봤을때는 그니까 어쩌라고....라는 생각이 들기 쉽다.. ㅎㅎ 그럼 바로 예제 구문을 보자!!

2. 예제

코드를 입력console.log("string text line 1\n"+
"string text line 2");
// "string text line 1
// string text line 2"하세요

• 원래 나는 문자열을 나타낼 때, 위의 예제 처럼 " + "를 써서 이어 붙이곤 했다. 하지만!!

console.log(`string text line 1
string text line 2`);
// "string text line 1
// string text line 2"

• 이런 식으로 " `` " 백틱 문자열을 사용하면, " + " 를 쓸 필요 없이 바로 쓸 수 있게 된다. 또 다른 예제를 보자.

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

• 위 예제에서는 백틱문자열과 place holder를 써서 더 간편 하게 쓸 수 있다.
  쓰는 방법은 ${expresion} 이런식으로 백틱문자열 안에 넣어서 쓰면 된다. 간단하지?
  그리고 덧붙이자면, 문자열이 길어져서 줄바꿈을 하려면 원래는 |n을 써서 줄바꿈을 하였지만, 템플릿 리터럴을 사용하면 하나의 문자열로 간주하기 때문에 내 마음대로 줄바꿈을 할 수 있다.

마무리

• 이번 주제는 조금 간단했다. 하지만 간단해서 더 내 코드라이프를 더 간단하게 해준거 같다~~ 라임 지렸다....