javaScript / jQuery의 js 파일 사용 시 한글 깨짐 현상

javaScript / jQuery의 js 파일 사용 시 한글 깨짐 현상

js 파일 사용 시 한글 깨짐 현상

html 문서 내에서 직접 자바스크립트 언어를 사용할 경우에는 문제가 없지만, 자바스크립트 언어를 js 파일로 생성한 후 html 문서에서 연결하여 사용하는 경우에는 js파일 내에서 사용된 한글이 깨져서 표시 될 수 있습니다.

아래의 코드를 보면 alert 메소드를 사용해 한글 경고 메세지를 띄우는 자바스크립트를 수행하는 jquery.test.js 파일을 html에서 연결해 사용하고 있는데, 이를 실행하면 한글이 깨지는 현상이 발생합니다.


html 파일 
<script type="text/javascript" src="js/jquery.test.js"></script>

js 파일내 코드
alert("한글 깨짐 현상 테스트");
 

 

한글 깨짐 현상 해결

이를 해결하는 방법은 간단합니다. 한글이 깨지는 js 파일을 에디터플러스 같은 편집툴로 열어 새로 저장하기를 누른 다음 Encoding을 Unicode로 설정한 후 다시 저장해 주면 됩니다. 
 

인코딩 값을 Unicode로 변경한 후 저장하기

그러면 아래와 같이 깨졌던 한글이 정상적으로 출력 됩니다.

아무쪼록 잘 해결이 되셨으면 좋겠습니다~