개발기초

Javascript 백틱 (backtick) 쓰는 이유 [간단 설명]

Veams 2022. 10. 22.

` 백틱은 왜 쓰는 가?

` 백틱의 기능은 무엇인가? 

 

크게 두 가지인데, 2번의 쓰임 때문에 자주 사용하는 것 같다.

1. 줄바꿈을 할 수 있다. 행을 편리하게 넘길 수 있다.

2. 사용하면, 문자열 안에도 표현식을 포함할 수 있다. 즉 반복 작업할 일을 줄여준다. 경제적이다!

 

문자열과 변수를 연결할 때,

1) 백틱 비사용 : '문자' + 변수 + '문자'  --> 문자와 변수 사이에 작은 따옴표 ' 와 + 가 반복적으로 들어간다. 

2) 백틱 사용 : `문자 $(변수) 문자`   --> 굳이 ' '와 +를 반복해서 붙이지 않아도 된다.  

 

백틱을 사용하면, 문자열 중간에 변수를 편리하게 삽입할 수 있다.

 

 

 

Javascript 를 배우면서 코드를 작성할 때,

처음 코드를 작성하다보면, 내가 기대했던 대로 페이지가 작동하지 않는 경우가 있다.

 

특히 코린이들은 강사의 수업을 따라가며 코드를 따라칠 때가 있는데,

똑같이 코드를 쳤음에도 페이지가 작동을 안 하면 황당해진다. 

  

매우 당황스럽다. 무엇이 문제인지, 무엇을 잘못 작성했는지 찾아야한다.

헤매면서 일일히 코드를 다시 살피다보면 시간이 잔뜩흐른다.  

 

나에게 대표적으로 나타는 문제는 ` 백틱이다.

 

언제는 작은 따옴표(' ') 혹은 큰 따옴표(" ")를 사용하는데

또 언제는 (`) 빽틱이라는 것을 사용한다.

키보드 상에서 ~ 키와 함께 사용하는 그 기호이다.

근데 눈으로는 잘 구분이 안 가는 기호인데, 

 

한 번 짚고 가면 다음엔 오류를 줄일 수 있을 것이다.

 

https://opentutorials.org/course/3332/21045

 

JavaScript - Template Literal - 생활코딩

수업소개 여러줄로 이루어진 문자열의 표현과 문자의 치환을 쉽게 할 수 있는 기능을 제공합니다.  강의 소스코드 var name = 'k8805'; // String literals var letter = 'Dear '+name+'\n\nLorem ipsum dolor sit amet, conse

opentutorials.org

 

댓글