본문 바로가기

오블완

[React] 자동완성 기능 구현 중 한글이 두번 써지는 현상 해결하기 1. 문제 상황영어 입력은 문제가 없었지만 한글 입력의 경우 문제 발생했습니다.아래와 같이 입력중이던 마지막 문자가 추천키워드 뒤에 나온다는 것입니다.  2. 원인 IME의 조합 상태: 한글 IME는 자음과 모음이 조합되는 과정에서 compositionstart, compositionupdate, compositionend 이벤트를 발생시킵니다. React에서 상태 업데이트가 이 조합 중간에 실행되면 한글 입력이 중단되거나 커서 위치가 예기치 않게 이동할 수 있습니다.React의 비동기 상태 업데이트: React의 setState는 비동기적으로 상태를 업데이트하므로, 한글 입력 상태에서 Tab 키로 자동완성 텍스트를 추가하려고 할 때 업데이트 순서나 타이밍이 IME 입력 처리와 충돌할 수 있습니다.   .. 더보기
🖋 티스토리 "글쓰기 챌린지 2024" 이벤트 소개 🎉 안녕하세요, 블로거 여러분! 📢 이번에 티스토리에서 "글쓰기 챌린지 2024" 이벤트가 진행된다고 합니다! ✨ 글쓰기를 좋아하시는 분들, 블로그를 사랑하시는 모든 분들에게 좋은 기회가 될 수 있는 이번 이벤트, 함께 알아볼까요? 🧐 🏆 이벤트 개요"글쓰기 챌린지 2024"는 티스토리에서 제공하는 다양한 주제에 맞춰 매일 글을 작성해보는 챌린지입니다! 📝 꾸준히 글을 쓰며 블로그 성장을 노릴 수 있고, 또 다양한 주제에 대해 창의적으로 생각해보는 좋은 기회가 될 거예요.기간: 2024년 10월 30일 ~ 2024년 12월 31일 📅대상: 티스토리를 운영하는 모든 블로거 🙋‍♂️🙋‍♀️참여 방법: 챌린지 기간동안 매일 한번씩 #오블완 도전!(자세한 내용은 챌린지 시작일에 공지된다고 합니다!) .. 더보기

티스토리툴바