백틱(` `)

강의를 듣던중 템플릿 문자열이란 것을 들었다. 기호로는 ` ` 인데, 처음 보는 기호였다.

키보드의 물결표시 캡에 위치해있다.

 

문자열 과 변수를 사용할 때 따옴표 와 +로 다  구분해줘야 하는데 백틱을 사용하면 그럴필요가 없는 것 같다.

`${var}` 형태로 활용한다.

const num1 = 10;
const num2 = 20;

console.log(num1 + ' + ' + num2 + ' = ' + (num1 + num2) + "입니다.");

위 코드를 백틱을 사용하여 정리하면 아래처럼 쓸 수 있다.

 

const num1 = 10;
const num2 = 20;

console.log(`${num1} + ${num2} = ${num1+num2} 입니다.`);

따옴표 부분을 생략해주는 것 같다.

 

백틱은 한 줄 띄울때에도 사용할 수 있다.

console.log('abcde\n' + 'ㄱㄴㄷㄹㅁ'); 

한 줄을 띄우기 위해선 \n 을 사용하여 각 줄마다 따옴표를 사용해야 하지만 백틱을 사용한다면 간단하다

console.log(`abcde
ㄱㄴㄷㄹㅁ`);

그냥 백틱 ` ~ ` 안에서 줄바꿈하여 작성하면된다.

 

 

 

 

MDN_Template literals