[JS] 쌍따옴표(")와 홑따옴표(')에 대해서

 

자바스크립트에서 문자열 표시할때 쌍따옴표? 따옴표? 를 써야 하나 갸우뚱했습니다. 

 

자바스크립트에서는 문자열을 쌍따옴표 (" ")나 따옴표(' ') 다 인정한다고 합니다. 

다만, 코드에서 일관성을 유지하는게 중요하다고 하네요. 
즉, 쌍따옴표로 문자열을 표현하면 모두 쌍따옴표로 표시해주는 게 좋습니다. 

워낙 플러그인이 알아서 포맷을 맞춰주니 그럴일이 없겠지만, 통일해서 쓰도록 합시다! 

 

 

추가로 문자열 안에 따옴표를 넣고 싶을때는 이렇게 하면 됩니다. 

let frenchfry = "I like 'cheeze fry'";
//결과값 : I like 'cheeze fry' 
//그 반대도 가능하다.
let frenchfry = 'I like "cheeze fry"';
//결과값 : I like "cheeze fry"

여기서 하지만, 전체 프로젝트에서 홑따옴표(') 로 정의하면 문자열에 홑따옴표를 표시할 수 없습니다. 

이럴때는 어떻게 해야 할까?

 

esc라는 기능이 있다고 하는데 우리는 ES6 문법을 사용하니 

백틱을 활용한 템플릿 문자열을 활용하는 방법을 알아봅시다. 

 

 

템플릿 문자열이란? 

자판을 보면 (윈도우)좌측 상단의 ESC키 아래에 물결과 점이 찍힌  키가 보일 것입니다. (맥은 option + ₩)

이 점(`)이 back-tick인데 이 녀석을 활용하면 됩니다. 

 

예시를 살펴봅시다. 

console.log(`'이렇게 하면 됩니다.'`);
//결과값 : '이렇게 하면 됩니다.'

 

아! 오늘 코딩초보가 하나 더 배웠습니다.