[JavaScript] 문자 중간에 변수 넣기(백틱)

문자 중간에 변수를 넣고자 한다.

'Where is cat?' 의 사이에 'my'를 삽입하고자 한다

var a = 'my';
console.log('Where is ' + a + ' cat?');  
// Where is my cat? 출력됨

위의 예시처럼 변수가 들어갈 자리 양옆으로 문자열을 나누고 + 덧셈기호를 통해 연결하면 된다.


하지만 덧셈기호가 너무 많아 지저분해 보인다.
이를 막기 위해 백틱 기호를 이용해 문자 중간에 변수를 삽입하는 방법이 있다.

var a = 'my';
console.log(`Where is ${a} cat?`);  
// Where is my cat? 출력됨

백틱(``) 안에 ${ 변수명 } 을 넣어주는 것이다

백틱(``)을 이용하면
1. 문자 중간 enter키가 가능하다
2. 중간에 ${ 변수명 } 을 입력해 변수 삽입이 가능하다

* 백틱 기호(`)와 작은 따옴표(')를 구분해야 한다.
** 맥북에서 백틱 기호는 option키 + ₩를 동시에 누르면 된다.
(영문키일 땐 그냥 ₩만 누르면 됨)