[Develop] grave accent, backtick, backquoto, 억음부호

 

생활코딩 강의를 듣다가 문득 ` 이 문자와 ' 문자가 이 헷갈리기 시작했다

둘이 그닥 생김새도 차이점이 없어서 너무너무 헷갈렸다.

 

지난 강의에서 egoing님이 뭐라고 알려줬던거같은데 기억도 안나고 정리해 놓지도 않아서 다시 찾아봤다.

 

검색을 해보니까 

`는 grave accent, backtick, backquoto라고 불리고

'는 우리가 잘 알고있고 잘 사용하고 있는 작은 따옴표(single quoto)다.

 

 

사용시 둘의 차이는 대표적으로 문자열을 연결할 때 나타나는 것 같다.

 

문자열을 연결할 때

이런식으로 + 를 이용하여 연결을 해주어도 되지만 

var number = [1,400,12,34,5];

var i = 0;
var total = 0;
while(i < number.length){
    console.log(number[i]);
    total = total + number[i];
    i = i + 1;
}
console.log('total : ' + total);

 

백틱은 + 를 넣지 않고 아래와 같이 ${}으로 문자열을 치환하는 방식으로 동작한다.

var number = [1,400,12,34,5];

var i = 0;
var total = 0;
while(i < number.length){
    console.log(number[i]);
    total = total + number[i];
    i = i + 1;
}
console.log(`total : ${total}`);

 

물론 문자열을 +로 연결하는 것과 `(backtick)을 사용하는 것 둘 다 결과는 동일하다.

[Running] node "c:\Users\User\Desktop\nodejs\Syntax\22_array_loop.js"
1
400
12
34
5
total : 452

[Done] exited with code=0 in 0.678 seconds

 

자바스크립트에서는 `(backtick)을 사용하면 더욱 더 효율적으로 코딩을 할 수 있는 것 같다.

문자열을 +로 연결하는 것 보다는 `(backtick)를 사용하는 것을 연습해야겠다.

 

 

참고 사이트

https://velog.io/@sunaaank/js-backtick

[자바스크립트는 처음이지?] backtick(`)과 single quoto(') 차이로 삽질해본 적 있는 사람?

자바스크립트,,, 처음임당,,