[프리온보딩코스] 3주차 -과제5

드디어 쓰는 과제5!!

자음 모음을 나누는 것은 자동완성 등의 기능을 구현할 때에도 유용할 것 같아서 하면서도 재밌었다.

✍알게된 것과 느낀점

• 유니코드란?
• js에서 유니코드 써보기
• 한글 분해하기

 

🔥그래서 해보는 정리

1. 유니코드란?

• 전 세계의 모든 문자를 다루도록 설계된 표준 문자 전산 처리 방식.
• 해당 글자의 코드를 표기할 때 U+ (16진수 숫자)로 작성함 → 가 == U+AC00 (10진수 44032)
• 한글은 한자(88,884자) 다음으로 갯수가 많다 (가, 각, 갂, 갃, ... 힠, 힡, 힢, 힣 이렇게 모든 조합이 다 들어가있음)

 

 

2. js에서 유니코드 써보기

// 문자열 → 유니코드
str.charCodeAt(index)  

// 유니코드 → 문자열
String.fromCharCode(num1[, ...[, numN]])

String.prototype.charCodeAt() MDN

String.fromCharCode() MDN

 

 

3. 한글 분해하기

이미지 출처 : https://ko.wikipedia.org/wiki/한글음절

위 이미지의 가로는 28개, 세로는 21줄이다. (중요!)

맨 윗줄은 ㄱ + ㅏ + 받침, 2번째 줄은 ㄱ + ㅐ + 받침, 3번재 줄은 ㄱ + ㅑ + 받침... 이렇게 반복이다.

그래서 밑에 살짝 보이는 ㄲ을 보면 알겠지만..

가의 유니코드가 10진수 44032

    → 갛의 유니코드 = 44032 + 27 = 44509

    → 까의 유니코드 = 44032 + (28 * 21) = 44620

    → 너의 유니코드 = 44032 + ( (21*2) + 4) * 28) = 45320

 

💡공식
44032 + ((21 x 초성 값) + 중성 값) x 28 + 종성 값

참고)
초성 값 = ㄱ, ㄲ, ㄴ, ㄷ, ㄸ... 순서로, ㄱ=0 부터 +1
중성 값 = ㅏ, ㅐ, ㅑ, ㅒ, ㅓ... 순서, 마찬가지로 ㅏ=0 부터 +1
종성 값 = x, ㄱ, ㄲ, ㄳ, ㄴ, ㄵ... 순서, 마찬가지로 없는 것 부터 +1
네이버D2에 굉장히 정리가 잘 돼있습니다.

 

@이걸 다시보는 미래의 나.....

👇 너가 이해못할까봐 그림으로 설명했어.. 꼭 읽어보렴^^... 

 

 

 

 

 

 

👀참고 (감사합니다!)

https://namu.wiki/w/%EC%9C%A0%EB%8B%88%EC%BD%94%EB%93%9C

https://ko.wikipedia.org/wiki/%ED%95%9C%EA%B8%80_%EC%9D%8C%EC%A0%88

한글 음절 - 위키백과, 우리 모두의 백과사전

https://d2.naver.com/helloworld/76650

https://jybaek.tistory.com/790

한글 자모 분리