JavaScript로 콘솔에 유니코드 문자 출력하기
유니코드(Unicode)에는 13만 개가 넘는 방대한 수의 문자가 포함되어 있습니다. 한글, 한자, 이모지부터 각종 특수 기호까지 다양한 문자를 웹 환경에서 문제없이 표시하려면, 문자 인코딩을 올바르게 설정하는 것이 무엇보다 중요합니다.
1. meta 태그로 문자셋(charset) 지정하기
HTML 문서에서 콘솔에 유니코드 문자를 정상적으로 출력하려면, <head> 태그 안의 <meta> 태그를 사용해 문자셋을 UTF-8로 설정해야 합니다.
<meta charset="UTF-8">
이렇게 하면 브라우저가 문서를 UTF-8 인코딩으로 해석하기 때문에, 유니코드 문자가 깨지지 않고 정확하게 출력됩니다.
2. 외부 스크립트 파일에 charset 적용하기
별도의 JavaScript 파일을 불러오는 경우에는 <script> 태그에 직접 charset 속성을 지정할 수 있습니다.
<script src="myscript.js" charset="utf-8"></script>
위 방법은 Chrome, Opera, Firefox 등 주요 브라우저에서 모두 정상적으로 동작합니다.
3. 유니코드 이스케이프 시퀀스 활용하기
추가로, JavaScript 코드 내에서는 \u 뒤에 4자리 16진수 코드를 붙이는 유니코드 이스케이프 시퀀스를 사용해 콘솔에 바로 문자를 출력할 수도 있습니다.
console.log("\u00A9"); // ©
console.log("\u2605"); // ★BMP(기본 다국어 평면) 범위를 벗어나는 이모지 같은 문자는 중괄호를 사용한 코드 포인트 표기법으로 출력할 수 있습니다.
console.log("\u{1F600}"); // 😀이처럼 charset 설정과 유니코드 이스케이프 시퀀스를 함께 활용하면, 어떤 문자든 콘솔에서 안정적으로 출력할 수 있습니다.