[JavaScript] 사파리에서 파일을 업로드했을 때 파일명 자소분리 현상이 발생하는 문제
·
Error Note
사파리 브라우저에서 한글명이 포함된 파일을 업로드했을 때 자소분리 현상이 발생하는 경우가 있다. 안녕.txt → ㅇㅏㄴ ㄴㅕㅇ.txt 해당 문제는 브라우저마다 유니코드 정규화 방식이 다르기 때문에 발생하는 문제라고 한다.서버 쪽에서 파일명을 처리할 때 정규화 방식을 명시적으로 지정해주면 된다. 자바스크립트에서는 아래 메서드를 사용해서 문제를 해결할 수 있었다. const fileName = "ㅇㅏㄴㄴㅕㅇ.txt"; // 자소분리된 파일명const normalizedFileName = fileName.normalize('NFC'); // "안녕.txt"로 변환 ▶ 정규화 형태 - NFC : 모든 분리된 문자 조합을 하나의 조합된 문자로 변환함 - NFD : 모든 조합된 문자를 분리된 기본 문자로 변환함