본문 바로가기

javascript

javascript 2. Single quote(' '), double quote(" "), backtick(` `)

오늘은 javascript에서 string에 관해 얘기해 보려고한다.

 

String은 문자열로써

크게 3가지 방법으로 표현할 수 있다.

 

1. 'Jason'

2. "Jason"

3. `Jason`

 

물론 이런 간단한 단어에는 상관이 없지만

문장을 만들 때는 더욱 신경써야 한다.

 

const name = 'Jason';
const age = '30';

console.log('Hi it\'s me ' + name + ' and my age is ' + age);

console.log("Hi it's me " + name + " and my age is " + age);

console.log(`Hi it's me ${name} and my age is ${age}`);

 

 

결과는 3가지 모두 똑같다.

하지만 보다시피 쓰는 방법이 제각각이다.

 

첫 번째 ' ' (single quote)

이 방법은 치명적인 단점이 있다.

' '로 감싸는 문장 안에 ' 가 한개 더 들어오면 문제가 된다.

이럴 때는 위에 보다시피 \를 앞에 써줘야 문제를 해결할 수 있다.

그리고 띄어쓰기도 직접 해주어야 한다.

번거로우니 이 방법은 비추다.

single quote는 변수 선언할 때나 써주면 좋을 것 같다.

 

 

 

두 번째 " " (double quote)

이 방법은 single quote 보단 낫지만

여전히 single quote 처럼 띄어쓰기를 직접 다 해줘야 한다.

 

 

 

세 번째 ` ` (backtick)

작은 따옴표와 비슷하게 생겼지만 엄연히 다르다.

이건 처음봐서 좀 어색하다. 

변수를 입력할 때 ${변수이름}만 써주면된다.

+ 기호도 따로 입력 안해줘도 된다.

적응만 하면 이 방법이 제일 유용할 것 같다.