[Web] 웹 페이지 한글 깨짐

Legacy/문제해결

Foo 2015. 8. 27. 11:15

728x90

처음 HTML을 공부하면서 HTML 문서 안에 한글을 넣었더니 한글이 깨지는 경우가 많이 발생합니다.

이 문제는 브라우저에서 데이터를 읽는 방식과 우리가 저장한 방식이 다르기 때문입니다.

자세한 내용은 다음 링크를 참조하세요. euc-kr과 UTF-8의 차이

위 링크에서 문제 해결을 위해 주목할 것은 이것입니다.

euc-kr로 작성된 한글은 UTF-8로 읽을 수 있습니다. 하지만 그 반대는 안됩니다.

처음 HTML 페이지를 만드는 사람은 ANSI로 페이지를 저장하게 되는데요, 이 ANSI가 EUC-KR을 지원하고 있습니다. ANSI로 저장하게 되는 이유는 메모장이 기본적으로 ANSI로 저장하도록 설정되어있기 때문인데요, 저장할 때 이것을 바꿔줄 수 있습니다.

ANSI에서 UTF-8로 바꿔주면 됩니다. UTF-8로 저장한 후 소스코드에 다음과 같이 추가해주십시오.

<HTML>

<HEAD>

<meta http-equiv="content-type" content="text/html;charset=utf-8" />

</HEAD>

<BODY>

안녕하세요, HTML - UTF-8

</BODY>

</HTML>

원칙적으로는 ANSI로 저장했으면 위의 소드에서 밑줄친 utf-8 부분을 euc-kr로 변경해도 됩니다. UTF-8로 저장했다면 위 소스처럼 해주세요.

그리고 저장 타입을 ANSI로 했을 경우와 UTF-8로 했을경우 각각 utf-8과 euc-kr을 넣어서 실험해 보세요. 위에 있는 euc-kr과 UTF-8의 한글 표현이 가능한 관계가 이해가 가실겁니다.

결론적으로, 저장을 ANSI보다 UTF-8로 저장하는 것이

더 범용적으로 사용할 수 있는 인코딩이 되겠습니다.