News/Frontend

[Naver-FE-News | 2023-05] 한글 자동완성을 위한 정규식, ECMA 명세

남남이루 2023. 5. 15. 19:29

 

작성일 2023. 5. 15
자료 제목 2023-05 소식

본 머리글 'Naver-FE-News'는 Naver FE 엔지니어들이 발행하는 뉴스레터에 대한 개인적인 기록입니다.

인상깊었던 기술

한글 자동완성을 위한 정규식

라이브러리 소개글, bluewings님의 블로그
구현 코드 레포
검색창에 한글을 입력하다보면, 자음이 새로 추가될 때마다 자동완성 창이 끊기는 현상이 있었다. 불편함을 느끼긴 했는데, 원인이 한글이 조합으로 구성되는 특징에 의한 것이라고 생각해보지는 않았던 거 같다. 위 라이브러리는 이런 불편을 해소하기 위해 등장했다. (뚜둥)
npm install로 설치가 가능하다.
npm install korean-regexp

import { getRegExp } from 'korean-regexp';
// '개울가'를 입력하는 과정 중 정규식의 변화
getRegExp('ㄱ');  // /[가-깋]/i
getRegExp('개');  // /[개-갷]/i
getRegExp('갱');  // /(갱|개[아-잏])/i
getRegExp('개우');  // /개[우-윟]/i
  • 소스가 오픈되어 있고, 주석까지 엄청 세세하게 달려있다.

기타

 

 


 

[ECMA 2023 살펴보기] toSorted, findLast (w/ mutation)

mutation ⚡ mutation, 객체 변이 JavaScript의 객체나 배열을 수정하거나 할당할 때, 예상치 못한 변이가 생기는 것. 참조 잘못 하거나, 메서드 잘못 사용하게 되면서 예상치 못한 버그 양산하게 된다. (

namnamiroo.tistory.com