티스토리챌린지 썸네일형 리스트형 [React] 자동완성 기능 구현 중 한글이 두번 써지는 현상 해결하기 1. 문제 상황영어 입력은 문제가 없었지만 한글 입력의 경우 문제 발생했습니다.아래와 같이 입력중이던 마지막 문자가 추천키워드 뒤에 나온다는 것입니다. 2. 원인 IME의 조합 상태: 한글 IME는 자음과 모음이 조합되는 과정에서 compositionstart, compositionupdate, compositionend 이벤트를 발생시킵니다. React에서 상태 업데이트가 이 조합 중간에 실행되면 한글 입력이 중단되거나 커서 위치가 예기치 않게 이동할 수 있습니다.React의 비동기 상태 업데이트: React의 setState는 비동기적으로 상태를 업데이트하므로, 한글 입력 상태에서 Tab 키로 자동완성 텍스트를 추가하려고 할 때 업데이트 순서나 타이밍이 IME 입력 처리와 충돌할 수 있습니다. .. 더보기 이전 1 다음
