Unicode 자소 클러스터 검사기

Unicode 자소 클러스터 검사기 사용 가이드

JavaScript의 length는 '👨‍👩‍👧‍👦'를 11로, 한글 '한'을 1로 셉니다. 화면에 보이는 한 글자가 실제로는 여러 코드 포인트로 이루어질 수 있기 때문입니다. 이 도구는 브라우저의 Intl.Segmenter로 텍스트를 사람이 인식하는 글자 단위로 나눠 그 구성을 보여 줍니다.

맨 위에는 전체 글자(자소 클러스터) 수, 코드 포인트 수, UTF-16 길이, UTF-8 바이트 수를 한 줄로 요약합니다. 글자 수 제한이 있는 입력란이나 데이터베이스 길이 제한이 어떤 기준으로 세는지에 따라 결과가 크게 다를 수 있어서입니다.

아래 표에는 글자마다 번호, 실제 글자, 구성 코드 포인트(U+1F468 U+200D …), UTF-16 단위 수, UTF-8 바이트 수가 나옵니다. 국기 이모지가 지역 표시 문자 두 개로, 가족 이모지가 사람 4명과 제로폭 결합자(U+200D)로 이루어진다는 것을 바로 볼 수 있습니다.

사용 방법

1. 1'입력' 칸에 살펴볼 텍스트를 붙여 넣습니다.
2. 2'실행'을 누르면 요약 줄과 글자별 구성 표가 나옵니다.
3. 3길이 제한 문제를 확인할 때는 요약 줄에서 쓰는 기준(UTF-16, UTF-8)의 값을 봅니다.

한글 é 🇰🇷

글자(자소 클러스터) 6개 · 코드 포인트 7개 · UTF-16 9 · UTF-8 18바이트

번호	글자	코드 포인트	UTF-16	UTF-8
1	한	U+D55C	1	3
2	글	U+AE00	1	3
3	 	U+0020	1	1
4	é	U+00E9	1	2
5	 	U+0020	1	1
6	🇰🇷	U+1F1F0 U+1F1F7	4	8

이럴 때 쓰면 좋아요

• 입력란 글자 수 제한이 이모지에서 이상하게 동작하는 원인을 찾을 때
• 데이터베이스 VARCHAR 길이 제한이 바이트 기준인지 글자 기준인지 확인할 때
• 문자열 자르기 코드가 이모지나 결합 문자를 깨뜨리는지 점검할 때
• é처럼 같아 보여도 코드 구성이 다른 글자를 구분할 때

문제가 생겼을 때

활용 팁

• 트위터(X)나 문자 메시지처럼 글자 수를 세는 서비스는 기준이 서로 다릅니다. 이 표의 세 가지 값을 서비스 기준과 비교해 보세요.
• 제어 문자(줄바꿈 등)는 표에서 \u000a처럼 보이게 바꿔 표시합니다.

자주 묻는 질문