웹 개발을 하다 보면 문자열 안에 쌍따옴표(")나 홑따옴표(')를 포함해야 할 때가 있습니다.
JavaScript에서는 다양한 방법으로 문자열 안에 따옴표를 포함할 수 있습니다. 이번 포스팅에서는 이 방법들을 알아보겠습니다.
1. 다른 종류의 따옴표 사용하기
JavaScript 문자열은 쌍따옴표(") 또는 홑따옴표(')로 감쌀 수 있습니다.
문자열 안에 포함하려는 따옴표와 다른 종류의 따옴표로 문자열을 감싸면 쉽게 포함할 수 있습니다.
See the Pen 따옴표 표시1 by saladent (@saladent) on CodePen.
위 예제에서는 문자열을 쌍따옴표로 감싸고 홑따옴표를 포함하거나, 반대로 홑따옴표로 감싸고 쌍따옴표를 포함하여 문제를 해결했습니다.
2. 이스케이프 문자 사용하기
문자열 안에 포함하려는 따옴표와 동일한 종류의 따옴표로 문자열을 감싸야 하는 경우, 이스케이프 문자(\)를 사용하여 따옴표를 포함할 수 있습니다.
See the Pen 따옴표 표시2 by saladent (@saladent) on CodePen.
위 예제에서는 이스케이프 문자(\)를 사용해 문자열 안에 따옴표를 포함했습니다.
3. 템플릿 리터럴 사용하기
ES6부터 도입된 템플릿 리터럴(Template Literal)을 사용하면, 문자열 안에 따옴표를 포함할 때 더욱 간편하게 작성할 수 있습니다. 템플릿 리터럴은 백틱(`)으로 감싸고, 따옴표를 포함할 때 이스케이프 문자를 사용하지 않아도 됩니다.
See the Pen 따옴표 표시3 by saladent (@saladent) on CodePen.
위 예제에서는 템플릿 리터럴을 사용하여 문자열 안에 따옴표를 포함했습니다.
4. 여러 따옴표를 포함한 문자열
위에서 설명한 방법들을 조합하면, 문자열 안에 여러 종류의 따옴표를 포함할 수도 있습니다.
See the Pen 따옴표 표시4 by saladent (@saladent) on CodePen.
위 예제에서는 이스케이프 문자와 서로 다른 종류의 따옴표를 조합하여 문자열 안에 여러 따옴표를 포함했습니다.
결론
JavaScript에서 문자열 안에 쌍따옴표와 홑따옴표를 포함하는 방법은 다양합니다.
다른 종류의 따옴표를 사용하거나, 이스케이프 문자를 사용하고, 템플릿 리터럴을 활용하는 방법이 있습니다.
각각의 방법을 상황에 맞게 적절히 사용하여 문자열을 처리해 보세요!