Error - 인코딩 깨짐 현상

Error

 

열심히 만든 매뉴얼을 서버에 올렸더니 

HTML에 포함된 한글이 ���, ¾Æ¹« 등으로 깨져 표시됨

개발자 도구(Network 탭)에서 확인 시 Content-Type에 charset 정보가 누락되었거나 일치하지 않음

로컬에서는 제대로 보이지만, 서버에 올리면 깨짐 발생

 

 

기본 인코딩은 EUC-KR로 설정되어 있었지만

ActivePresenter에서 export된 HTML 파일은 UTF-8 with BOM으로 저장되어 있었음

HTML 내부에 <meta charset="UTF-8"> 또는 <meta charset="EUC-KR"> 선언이 없거나 잘못된 경우도 있었음

 

 

HTML 파일만 인코딩을 수정하고 서버에 업로드 시켰지만 여전히 인코딩 깨짐 현상

JS 파일까지 인코딩 설정을 맞추니

해결됨

 

한글 콘텐츠를 포함한 HTML 파일의 실제 저장 인코딩과

웹서버 및 브라우저가 해석하는 인코딩이 불일치해서 한글이 깨진 것

 

툴에서 자동 생성한 HTML을 외부 웹사이트에 삽입하는 경우
반드시 인코딩이 서버와 일치하는지 확인하는 습관을 들이시길