[자바스크립트/제이쿼리] 변수와 문자열을 붙히는 방법 두가지

첫 번째 - 베이식

"변수"와 "문자열"을 붙일 때, +작성

이때, 변수는 다운 표를 사용하지 않고, 문자열은 따옴표로 감싸야한다.

 

var date = new Date();
var date2 = Date();
var month = date.getMonth();
console.log("month" + month); //month7

 

위 스크립트에서 문자열 "month"과 변수 month를 콘솔에 출력하기 위해 +를 사용한 것을 볼 수 있다.

 

스크립트를 작성하다 보면, 정말 많은 변수를 만들게 된다. 플러스와 따옴표를 정말! 많이 써야 한다는 말이다.

개발자는 귀찮은 행동을 싫어한다. (정말!)

 

누군가 이 부분이 너무 불편하다고 스크립트 측에 연락을 한 걸까? 정말 좋은 방법도 생겼다고 한다.

 

두 번째 - 템플릿 리터럴

문자열과 변수를 묶을 부분을 `(백 틱)로 묶고, ${변수}로 작성

 

var date = new Date();
var date2 = Date();
var month = date.getMonth();
console.log(`month${month}`); //month7

 

백 틱(backtick) 문자는 키보드에서 느낌표 왼쪽에 있는 작은 따옴표와 비슷하게 생긴 녀석이다.

 

작성 속도가 훨씬 빠르고 편하다! 최고! 👍👍👍