따옴표(쌍따옴표, 홑따옴표) 중복으로 표시하는 방법

프로그램을 코딩하다 보면

따옴표를 중복으로 입력해야 하는 경우가 생긴다.

문제점

let test = " '테스트' 입니다. ";

이 경우에는 정상적으로 실행이되지만

let test = " "테스트" 입니다.";

이 경우에는 쌍따옴표가 중복이 나서 제대로 실행이 되지 않는다.

JavaScript에서 코딩하다보면 저런식으로 쌍따옴표(")와 홑따옴표(')를 같이 중복으로 사용해야 하는 경우들이 생기는데
보통 innerHtml 같은 명령을 쓸때 나오는 문제점이다.

기존에 쌍따옴표는 쌍따옴표끼리 쓰고 홑따옴표는 홑따옴표끼리만 써야하는데 중간중간에 얽혀서 중복으로 사용해야만 하는경우가 생겨서 고민이 많이 되는데 

해결방법

escape 문자를 사용해서 중복으로 사용이 가능하도록 할 수 있다.

let test = " \"테스트\" 입니다.";

이런식으로 중복으로 사용해야하는 쌍/홑따옴표 앞에다가 역슬래쉬(\)를 넣으면 중복으로 인식하지 않아서 해결이 된다.

 

이같은 경우는 HTML에서도 발생하는데

보통 HTML에서는 역슬래쉬(\) 대신에 특수문자를 표현하기 위한 엔티티를 사용할 수 있다.

주요 엔티티로는

엔티티	DEC	설명
&lt;	&#60;	" <  " 문자를 표시
&gt;	&#62;	" >  " 문자를 표시
&quot;	&#34;	" "  " 문자를 표시
&apos;	&#39;	" '  " 문자를 표시

실제 사용할때는 엔티티, DEC 둘중에 맘에 드는걸로 사용하면 된다. 둘중 어느거로 해도 반영된다.