자바스크립트 ` 억음부호 (backtick, backquote, grave accent )란?

평소에 얼마나 자바스크립트에 관심이 없었고 이해도가 낮았는지 깨닫는 나날 속에 잊지 않기 위해 작성하게 되었습니다!

---

키보드에서 억음부호 ` 의 위치는 키보드 ESC아래 물결표를 쉬프트 없이 누르면 나오는데요.
영문 명칭으로는 backquote,backtick,grave accent 등 다양한 이름이 있다고 하고, 한국어로는 억음부호 라고 합니다!

저처럼 기존에 작은따옴표와 큰따옴표를 사용하여 작업하셨던 분들에겐 생소할 수 있을 거 같은데요.

백틱(`)을 사용하여 문자열을 표현하는 것을 '템플릿 리터럴'이라고 합니다.
템플릿 리터럴은 이중 따옴표나 작은따옴표 대신 백틱 (` `)을 이용하며 플레이스 홀더를 이용해 표현식을 넣을 수 있고,
여기서 플레이스 홀더란 ( $ {ex} )로 표기하며 플레이스 홀더 안에서의 표현식과 그 사이의 텍스트는 함께 함수로 전달됩니다.

백문불여일견이라고, 아래 예제를 봐주세요!

var textOne = "오늘도";
var textTwo = "좋은 한 주 보내세요!";
console.log("안녕하세요!" + textOne + textTwo );
/* 일반 표현식 */

console.log(`안녕하세요 ! ${textOne} ${textTwo}`);
/* 템플릿 리터럴(`) 표현식 */

저도 처음에 익숙하지 않았지만, 기존 방식을 사용할 땐 +"+"+ 이런 식으로 붙여쓰면서 번거로웠는데 ,

백틱 방식을 사용하다보니 확실히 간결해진 소스를 작성할 수 있다고 생각합니다.

 

더 상세한 내용이 궁금하시다면 MDN 공식 문서를 참고 하셔도 좋을 거 같아요!

 

경력직의 개발자지만 기초가 튼튼하지 않다고  느껴 조금 더 뼈대를 단단하게 세우고 ,

제가 만든 소스가 잘 작동하고 보기 쉬운 코드를 쓰고 싶습니다.