IME

리엑트 Keydown 이벤트에서의 한글 중복 입력 문제

리엑트 앱에서 한글을 입력 후 keydown 이벤트로 엔터를 입력받았는데, 한글이 중복입력되는 문제가 생겼다. 왜 이런 문제가 생겼는지 알아보자. 내가 진행하고 있는 프로젝트에서 텍스트를 입력 후 엔터를 통해 입력한 텍스트를 리스트 아이템에 추가 할 일이 생겼다. 나는 추가적인 버튼을 넣지 않는 깔끔한 UI를 원했다. Keydown 이벤트를 사용하지 않고 form 태그로 감싸고 onSubmit 핸들러를 달아주는 방법도 고려했지만 이 컴포넌트에서 즉시 서버로 요청을 보내는 것이 아니기 때문에 고려 사항에서 제외했다. 그래서 엔터인 키보드 이벤트가 발생하면 리스트에 아이템을 추가하는 핸들러를 작성하였다. const handleSkillEnter = (e: KeyboardEvent) => { if (e.key..