Use single quotes for Front-End JS

내가 자주 사용하는 airbnb eslint config에서도 single quotes를 사용하는데 이 부분이 단순히 취향의 문제라고 생각하는 사람을 위해 글을 써본다. 당신이 JS를 사용해서 HTML 코드를 건들지 않는 부분만을 코딩하는 프로젝트를 진행 중이라면 이 논쟁은 정말 단순한 취향의 문제일 뿐이다. 하지만, JS로 코딩을 하다 보면 HTML 코드 내부에 JS를 사용하는 경우가 잦다. 애초에, JS가 DOM을 조작하기 위해 만들어진 언어라는 점에서 그리 놀랍진 않은데, 다음 코드를 보자.

위 Vue의 Template에서는 조건문 역할을 하는 v-if에서 변수와 문자열을 비교하는 Expression을 확인할 수 있는데, 평소 JS에 double quotes를 썼다면 이 부분에서 v-if"a === "와 같이 닫힐 것이다. Back-end만을 작성하는 사람이라면 취향이겠지만, 적어도 Front-end에서는 single quotes를 사용하는 것이 훨씬 좋다.

Leave a Reply