[JavaScript] 백틱 `` 활용하기

우리가 흔히 코드를 작성하면서 변수와 변수를 혼합할때 + 연산자를 사용한다.

특히 문자열 속에 변수를 넣어야 하는 경우에는 코드가 상당히 지저분해질수가 있다.

 

const name = 'Cine';
const age = 20;

console.log('제 이름은 ' + name + '이고, 제 나이는 ' + age + '입니다.');

대부분 이런식으로 작성을 해야하는데 상당히 번거롭다.

 

이럴때 백틱을 활용하면 편리하게 작성을 할 수 있다.

 

흔히 키보드에서 Tap키 위에 있고 1키 왼쪽에 있으면서 ~ 을 Shift키를 누르지 않고 누르면 ` 백틱이다.

 

const name = 'Cine';
const age = 20;

console.log(`제 이름은 ${name}이고, 제 나이는 ${age}입니다.`);

이런식으로 사용할수 있는데 `` 사이에 문자열을 넣고 문자열 사이에 넣어줄 변수를 ${}로 감싸주면 아 이거는 어디선가 들어온 변수구나! 하고 알아듣는다.