JavaScript에서 작은따옴표와 큰따옴표의 차이점은 무엇일까?

JavaScript에서 문자열을 표현할 때 작은따옴표(')와 큰따옴표(")는 기능적으로 완전히 동일합니다. 두 따옴표 사이에 성능이나 동작 방식의 차이는 없으며, 어떤 것을 사용할지는 순수하게 개발자의 선택입니다.

가장 중요한 원칙: 일관성

어떤 스타일을 선택하든 코드 전체에서 일관되게 유지하는 것이 가장 중요합니다. 팀 프로젝트라면 ESLint 같은 린터 도구로 따옴표 규칙을 통일하는 것이 좋습니다.

문자열 내부에 다른 종류의 따옴표가 들어가야 할 경우에는 이스케이프 문자(\)를 사용하거나, 반대되는 따옴표로 문자열을 감싸면 됩니다.

"Let us say: \"Life's good!\""
'Let us say: "Life\'s good!"'
"Let us say: \"Life\'s good!\""
'Let us say: \"Life\'s good!\"'

위 예제처럼 큰따옴표로 감싼 문자열 안에 큰따옴표를 넣으려면 \' 이스케이프가 필요하지만, 작은따옴표로 감싸면 그대로 사용할 수 있습니다. 그 반대의 경우도 마찬가지입니다.

ES6(ES2015)부터는 백틱(`)을 사용하는 템플릿 리터럴이 도입되었습니다. 백틱으로 감싼 문자열 안에서는 작은따옴표와 큰따옴표를 모두 이스케이프 없이 자유롭게 사용할 수 있습니다.

`Will you be "my" friend. I really liked it when I was a kid.`;