js 파일로 연결하여 사용 시 한글 깨짐 현상

js 파일로 연결하여 사용 시 한글 깨짐 현상

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

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

html 파일

?

1	<script type="text/javascript" src="js/jquery.test.js"></script>

js 파일

?

1	alert("한글 깨짐 현상 테스트");

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

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

원본 참고 : http://plasticradio.tistory.com/entry/jQuery%ED%98%B9%EC%9D%80-JavaScript%EB%A5%BC-js-%ED%8C%8C%EC%9D%BC%EB%A1%9C-%EC%97%B0%EA%B2%B0%ED%95%98%EC%97%AC-%EC%82%AC%EC%9A%A9-%EC%8B%9C-%ED%95%9C%EA%B8%80-%EA%B9%A8%EC%A7%90-%ED%98%84%EC%83%81#rp