자바스크립트에서 csv 파일 생성시 한글 깨짐 문제 해결

var data = "홍길동,1,2,3\r\n홍길동2,1,2,3"
var pom = document.createElement('a');
var blob = new Blob([data], {type: 'text/csv;charset=utf-8;'});
var url = URL.createObjectURL(blob);
     pom.href = url;
     pom.setAttribute('download', '파일다운.csv');
     pom.click();

위 소스 코드와 같이 자바스크립트로 csv 파일을 다운로드 받으려 하니 한글이 깨져 여러가지 찾아보았으나 해결되지 않았다.

var data = "홍길동,1,2,3\r\n홍길동2,1,2,3"
var pom = document.createElement('a');
var blob = new Blob(["\ufeff"+data+], {type: 'text/csv;charset=utf-8;'});
var url = URL.createObjectURL(blob);
     pom.href = url;
     pom.setAttribute('download', '파일다운.csv');
     pom.click();

\ufeff (utf-8 bom 문자열 추가) 추가 하니 깨지지 않음을 확인 할 수 있었다.

참고

• https://stackoverflow.com/questions/31959487/utf-8-encoidng-issue-when-exporting-csv-file-javascript