자바스크립트) backtick(`)과 single quoto(') 차이

자세히~보면 생김새가 다르다 . 똑바른것과 기울어진것과....

이것때문에 얼마나 난리를 쳤던가....

 

일반적으로 알고있는 작은 따옴표는 

'

로 바르게 생겼다.

 

약~간 삐딱하게 생긴 

`

는 grave accent, backtick, backquoto 등으로 불린다!!

키보드에선 어디에 위치할까?

 

바로 물결아이콘과 같이 있는 그거 맞음. 

평소엔 뭔지도 몰랐던...물결의 존재만 알았는데 말이지....

 

`${viewYear}년 ${viewMonth + 1}월`
'${viewYear}년 ${viewMonth + 1}월'

이렇게 백틱을 써야 코드가 활성화 되고 작은따옴표 쓰면 절대 무반응

---

backtick과 작은따옴표와 차이는?

 

백틱

은 작은 따옴표와 다르게 새로운 백틱 기호가 등장하기 전까지

전체를 백틱 기호가 적용되는 범위로 간주한다. 

작은 따옴표는 코드의 동일한 줄까지만 적용이 되지만, 

백틱은 줄구분과 관련 없이 적용됩니다.

 

---

그래서 backtick은 왜 쓰는걸까? 

자바스크립트 ES6 부터는 백틱 기호를 사용한 문자열을 템플릿 리터럴이라고 부른다.
쉽게 말해, 템플릿 리터럴은 새로운 문자연결 표기방식.

 

템플릿 문자열에서는 ${}(플레이스 홀더place holder라고 부릅니다)를 사용해 변수를 넣는다

 

console.log(language + "처음이죠?" + "Hello World" + language + "참 쉽죠?"); 를

 

console.log(`${language} 처음이죠? Hello World ${language} 참 쉽죠?`); 처럼

 

+ 기호 안넣고 쓸 수 있다. 

 

 

 

참고자료 - https://velog.io/@sunaaank/js-backtick