자주 쓰는 문자부호(" ' `) 정리

1. 큰따옴표("")

2. 작은따옴표('')

3. 억음부호(``)

---

자바스크립트를 배우다 보면 " ' `와 같은 문자 부호를 자주 볼 수 있다. 오늘은 이 3가지 부호에 대해 설명해보고자 한다.

 

[그림 1] 여러가지 문장 부호

 

따옴표는 대화나 인용하는 글이나 말, 또는 강조하는 말이나 글의 앞뒤에 쓰는 문장 부호이다. 인용 부호 또는 인용부라고도 한다.

세계에서 통용하는 따옴표의 종류는 큰따옴표("")와 작은따옴표('')이다. 대한민국에서는 겹화살활호(《》)와 홀화살괄호(<>)도 따옴표로 사용가능하다. 주로 세로 쓰기나 보수적 글 쓰기에서 겹낫표와 낫표(「」)도 따옴표에 속한다.

 

1. 큰따옴표("")

큰따옴표의 경우 글 가운데에서 직접 대화를 표시할 때, 말이나 글을 직접 인용할 때 사용한다.

국어에서는 큰따옴표 안에 작은따옴표를 넣어서 쓰지만, 자바스크립트에서는 작은따옴표 안에 큰따옴표가 들어가도 무방하다.

 

 

2. 작은따옴표('')

작은따옴표의 경우 인용한 말 안에 있는 인용한 말을 나타낼 때, 마음속으로 한 말을 적을 때 쓴다. 어퍼스트로피(apostrophe)라고도 불린다.

 

const count = 17;
const size = 17.1;
console.log('value: ${count}, type: ${typeof count}');
console.log('value: ${size}, type: ${typeof size}');

작은따옴표는 다음 작은따옴표가 올 때까지 그 범위에 적용된다. 다만, 동일한 줄 안에서만 범위가 한정된다.

 

 

3. 억음부호(``)

억음부호의 정식 명칭은 grave accent이며, backtick, backquoto라고도 불린다. Qwerty 자판에서 Tab 키 위의 키를 이용하여 바로 입력할 수 있다. 

 

const count = 17;
const size = 17.1;
console.log(`value: ${count}, type: ${typeof count}`);
console.log(`value: ${size}, type: ${typeof size}`);

처음 "value" 앞의 backtick 기호부터 그 다음 "value" 앞에 오는 backtick 기호까지 전체가 backtick이 적용된 것을 볼 수 있다. backtick은 작은따옴표와 다르게 새로운 backtick 기호가 등장하기 전까지 전체를 backtick 기호가 적용되는 범위로 간주한다. 작은따옴표는 코드의 동일한 줄까지만 적용이 되지만, backtick은 줄구분과 관련없이 적용된다.

 

이러한 특성으로 인해 backtick을 사용한 문자열에서는 별도의 코드를 입력하지 않아도 자체적으로 줄바꿈(개행)이 가능하다는 것을 확인할 수 있다.