상상 너머 그 무언가...

자바스크립트에서 `억음 부호( backtick, Backquote, grave accent ) 사용하는 이유 본문

카테고리 없음

자바스크립트에서 `억음 부호( backtick, Backquote, grave accent ) 사용하는 이유

Clack 2021. 3. 11. 16:49

자바스크립트에서

키보드에서 숫자1 왼쪽에 있는 키를 Shift와 같이 누르면 ~ 물결 모양이 입력되는데

Shift키 없이 그냥 누르면 ` 요런게 입력되는걸 볼 수 있다.

영어로는 backtick 이라고 부르는듯 하다.

 

 

C++이나 Java 같은 프로그램 언어에서는 ', " 과 동일하게 사용하지만

자바스크립트에서만 특별한 기능을 위해 사용한다고 한다.

 

템플릿 리터럴 안에서 플레이스 홀더를 이용한 표현식으로 사용이 가능 하다고 한다.

let nextNumber = 9;

let nextSymbolName = `test_Symbol${nextNumber}.png`;
console.log(`test_Symbol${nextNumber}.png`);

// test_Symbol9.png 라는 문자열로 치환되어 실행된다.

 

이런게 있구나 싶어 메모 함

 

 

 

출처 : hi098123.tistory.com/255

 

JS) 자바스크립트에서 " ' ` 따옴표, 억음 부호의 차이

자바스크립트 작성 시 String 값을 표현할 때 따옴표를 쓴다. 1. " (큰 따옴표)로 표현 var str="hi098123"; 2. ' (작은 따옴표)로 표현 var str='hi098123'; 3. ` (억음 부호 : backtick)로 표현 : 보통 잘 안..

hi098123.tistory.com

출처 : dev-muko.com/entry/backtick-%EA%B8%B0%ED%98%B8%EB%A5%BC-%EC%9D%B4%EC%9A%A9%ED%95%9C-javascript-%ED%85%9C%ED%94%8C%EB%A6%BF-%EB%A6%AC%ED%84%B0%EB%9F%B4template-literal%EB%A1%9C-%EC%89%BD%EA%B2%8C-%EB%A7%8C%EB%93%9C%EB%8A%94-%EB%AC%B8%EC%9E%90%EC%97%B4

 

backtick(`) 기호를 이용한 javascript 템플릿 리터럴(template literal)로 쉽게 만드는 문자열

가끔 다른 사람이 작성한 코드를 보다보면 헷갈리는 기호가 있습니다. 저는 보통 공부를 위해서 책을 사서 코드를 따라치는 경우에 책과 다른 결과를 얻게 되는 경우가 종종 있었고, 그 때마다

dev-muko.com