목록이벤트 중복 발생 현상 (1)

3은로그

[React + TypeScript] 한글 입력시 onKeyDown 이벤트 중복 발생 현상

에러 상황 OpenFace를 사용한 얼굴 인식 기반 출입 관리 시스템 프로젝트 개발 중 부서 등록 기능을 개발하면서 생긴 에러이다.텍스트 필드에 등록할 부서 이름을 작성하고 엔터를 누르면 아래에 등록할 부서 리스트가 뜨도록 개발하고자 했다.  하지만 위 사진처럼 한글을 입력했을 때 이벤트가 중복으로 발생하여 "개발부서"를 입력하면 "개발부서"와 "서" 두 개가 입력되었다.처음엔 비동기 처리로 인한 문제 때문인가 생각했는데 영어와 숫자는 이벤트가 한 번만 발생하는 것을 보고 한글과 관련이 있을 것이라고 생각했다.   문제 원인 원인은 IME composition 때문이었다.IME composition란?IME는 영어가 아닌 한글, 일본어, 중국어와 같은 언어를 다양한 브라우저에서 지원하도록 언어를 변환시켜..
React 2024. 4. 27. 16:26
이전 Prev 1 Next 다음