feat: 이모지 한글자로 세기 구현

src/LecueNote/components/WriteNote/index.tsx

@@ -1,3 +1,4 @@
+import GraphemeSplitter from 'grapheme-splitter';
 import { useEffect, useState } from 'react';
 
 import { WriteNoteProps } from '../../type/lecueNoteType';
@@ -13,6 +14,8 @@ function WriteNote({
 }: WriteNoteProps) {
   const nickname = '와라라라랄라';
 
+  // 이모지 글자 수 세기 관련 라이브러리
+  const split = new GraphemeSplitter();
   const today = new Date();
   const [dateArr, setDateArr] = useState([0, 0, 0]);
 
@@ -33,7 +36,7 @@ function WriteNote({
           <S.Date>
             {dateArr[0]}.{dateArr[1]}.{dateArr[2]}
           </S.Date>
-          <S.Counter>({contents.length}/1000)</S.Counter>
+          <S.Counter>({split.splitGraphemes(contents).length}/1000)</S.Counter>
         </S.BottomContentsWrapper>
       </S.LecueNote>
       <S.Notice>*욕설/비속어는 자동 필터링됩니다.</S.Notice>