[JavaScript] 이스케이프 문자 처리 / 백틱(Backtick)

 

이스케이프 문자 ❓

이스케이프 문자(escape character, 제어 문자)는 문자 제어 코드로, 화면에 출력하는 문자가 아니라 문자 출력을 제어하는 문자이며 \(역슬래쉬)와 한 개의 문자와 결합하여 작성합니다.

 

이스케이프 시퀀스

 

보통 문자열에 특수문자가 포함되어 있거나 특수문자를 출력해야 할 때 사용됩니다.

 

1. 특수문자 출력하기

프로그래머스

https://school.programmers.co.kr/learn/courses/30/lessons/181948

위 문제는 [프로그래머스]의 기초 문제 중 하나입니다.

console.log("!@#$%^&*(\'"<>?:;");

 

출력 예시와 같이 출력을 해야 할 때 위 코드와 같이 그대로 문자열 적어준다면 오류가 날 것입니다.

 

왜냐하면 Double Quote(")가 문자열 전체를 감싸는 게 아니라 중간에 특수문자 Double Quote(")가 있기 때문에 오류가 발생합니다.

 

그렇다면 Double Quote(")를 위에서 알아본 이스케이프 시퀀스를 사용해서 처리한다면 다음과 같습니다.

 

console.log("!@#$%^&*(\\\'\"<>?:;");

 

하지만 문자열과 변수를 이어서 쓸 경우 +를 활용해서 나타내야 하기 때문에 이스케이프 시퀀스를 사용해서 처리해야 한다면 코드가 길어지게 됩니다.

 

이때 편리하게 사용가능한 기능이 바로 백틱 `입니다.

 

백틱 `

백틱 ` 을 사용한다면 다음과 같이 간단하게 문자열을  백틱 ` 으로 감싸 사용할 수 있습니다.

 console.log(`!@#$%^&*(\\'"<>?:;`);

 

백틱 `을 사용한다면 ` ` 안에 있는 모든 글자가 문자열로 처리됩니다.

 

 

 

 

---

 

Reference

• Mdn web docs