자소 클러스터

Technical/Unicode

여러 유니코드 코드 포인트로 구성될 수 있지만 하나의 시각적 단위로 표시되는 사용자가 인식하는 문자.

A grapheme cluster is what a user sees as "one character" on screen, even though it may be encoded as several code points. This concept is crucial for emoji because many emoji are composed of multiple code points.

For example, a flag emoji like 🇰🇷 is two Regional Indicator code points. A person emoji with skin tone like 👍🏽 is two code points (the gesture + a modifier). ZWJ sequences can combine even more.

Programming languages differ in how they handle grapheme clusters. JavaScript's `.length` counts UTF-16 code units, so `'👨‍👩‍👧'.length` returns 8, not 1. Proper grapheme-aware APIs (like `Intl.Segmenter`) return the expected count of 1.

Enter a Unicode code point like U+1F600 or paste an emoji to see its full encoding breakdown — UTF-8, UTF-16, HTML entities, and more.

Why string.length Lies: Grapheme Clusters and Emoji Length

Why string.length fails for emoji, what grapheme clusters are, and how to correctly count characters in JavaScript, Python, and more.

Emoji String Length Gotchas: Surrogate Pairs, Grapheme Clusters, and Byte Counts

Why emoji cause surprising string length results in Python, JavaScript, and Go — surrogate pairs, grapheme clusters, and how to count correctly.

Emoji Security: Homoglyphs, Spoofing, Invisible Characters, and Filtering

Security risks from emoji in user input: homoglyph spoofing, invisible Unicode characters, emoji in SQL/code injection, and how to filter and sanitize safely.

Emoji Regex Patterns: Matching Emojis in JavaScript and Python

Learn how to write reliable regex patterns to match emojis in JavaScript and Python, including ZWJ sequences, skin tones, and flags.

Handling Emojis in JSON and REST APIs

How to correctly handle emoji in JSON serialization, REST API design, database storage, and HTTP headers — including surrogate pair pitfalls.

자소 클러스터

Embed This Widget

관련 용어

관련 도구

관련 스토리