js 에서 한글 글자 수 세기

 

 

파일을 첨부할 때 파일명을 보여주는 input 박스 길이 보다 파일명이 더 길 경우,

파일명이 오버되어 일부만 출력되는 현상이 발생했다.

파일명의 글자 수를 제한하여 파일명이 input 박스 내에서 잘리지 않게 출력해야 했다.

 

파일명에 한글이 있는 경우, 한글은 모음/자음 단위로 length 가 계산되고 있었다.

예를 들어, 파일명이 "아moya" 라고 한다면, 아 라는 글자의 length 는 1로 처리되어야 하지만 'ㅇ' 과 'ㅏ' 가 각각 계산되어 길이가 2로 출력된다. 파일명 값이 든 변수를 유니코드 정규화(normalize) 해주니 한글 length 길이가 1로 처리되는 것을 확인할 수 있다.

 

// 파일명 정규화
var fileName = orgFileName.normalize('NFC');

 

사용자로부터 글자를 입력받을 경우, 글자 수를 제한할 필요가 있을 때 normalize 함수를 사용하면 좋을 것 같다.

 

참고한 블로그는 아래와 같다.

 

[번역] 유니코드 문자열을 정규화 해야하는 이유