1. Unicode, ES5호환성

Unicode

• 유니코드는 U+0031형태입니다.

• 코드 포인트(code point)

  • 0031이 코드포인트이고 문자 코드라고도 부릅니다.
  • 코드 포인트로 문자/이모지 등을 표현합니다.
  • 4자리 이상의 UTF-16진수 형태입니다.

• 110만개 정도가 표현 가능합니다.

  • U+0000 ~ U+10FFFF

• plane(평면)

  • 코드 포인트 전체를 17개 plane으로 나눔.
  • 하나의 plane은 65535(U+FFFF)개

• 첫 번째 plane

  • BMP(Basic Multillingual Plane)라고 부름
  • 일반적인 문자(영문자, 숫자)가 여기에 속합니다.
  • 한글의 코드 포인트도 여기에 속합니다.

• 첫 번째 plane을 제외한 plane

  • Supplementary plane, Astral plane이라고 부릅니다.
  • 5자리 이상의 코드 포인트를 표현할 수 있습니다.
  • ES6+ 에서 지원합니다.

• 이스케이프 시퀀스(Escape Sequence)

  • 역슬래시와 16진수로 값을 작성합니다.

  • 이를 16진수 이스케이프 시퀀스라 부릅니다.

    ⇒ 역슬래시가 에디터에 "\" 형태로 표시됩니다. ⇒ x를 소문자로 작성하며 역슬래시를 한 번 더 쓰면 escape문법이되어 역슬래기 표현이 가능합니다.

const escape = "\\x31\\x32\\x33";
console.log(escape);//123
console.log("\\\\");//\\

• 유니코드 이스케이프 시퀀스
  • Unicode Escape Sequence
  • 이스케이프 시퀀스를 유니코드로 작성한 형태입니다.

const escape = "\\x31\\x32\\x33";
console.log(escape);//123
const unicode = "\\u0034\\u0035\\u0036";
console.log(unicode);//456

• USE값 범위

  • UTF-16진수로 U+0000에서 U+FFFF까지 사용 가능합니다.

• ES5 문제점

  • U+FFFF보다 큰 코드를 어떻게 작성할 것인가?
  • 유니코드 코드 포인트 이스케이프
    • 코드 포인트 값에 관계없이 사용할 수 있는 형태가 필요합니다.
    • \\u{31}, \\u{1f418}형태

const unicode = "\\u0034\\u0035\\u0036";
console.log(unicode);//456
const es6 = "\\u{34}\\u{35}\\u{36}";
console.log(es6);//456
console.log("\\u{1f418}");//🐘

ES5호환성

• Surrogate pair
  • \u{1f418}형태를 ES5에서 사용 불가
  • ES5에서는 두 개의 유니코드 이스케이프 시퀀스를 사용합니다.
  • 이를 Surrogate pair라고 합니다.

const pair = "\\uD83D\\uDC18";
console.log(pair);//🐘

\uD83D와 \uDC18를 연결하여 작성합니다.

• Surrogate pair계산 방법