[JavaScript] 사파리에서 파일을 업로드했을 때 파일명 자소분리 현상이 발생하는 문제

 

사파리 브라우저에서 한글명이 포함된 파일을 업로드했을 때 자소분리 현상이 발생하는 경우가 있다.

 

안녕.txt → ㅇㅏㄴ ㄴㅕㅇ.txt

 

해당 문제는 브라우저마다 유니코드 정규화 방식이 다르기 때문에 발생하는 문제라고 한다.

서버 쪽에서 파일명을 처리할 때 정규화 방식을 명시적으로 지정해주면 된다.

 

자바스크립트에서는 아래 메서드를 사용해서 문제를 해결할 수 있었다.

 

const fileName = "ㅇㅏㄴㄴㅕㅇ.txt"; // 자소분리된 파일명
const normalizedFileName = fileName.normalize('NFC'); // "안녕.txt"로 변환

 

▶ 정규화 형태

  - NFC : 모든 분리된 문자 조합을 하나의 조합된 문자로 변환함

  - NFD : 모든 조합된 문자를 분리된 기본 문자로 변환함