[투두투두] 2. 엔터를 누르면 추가된다.

ooz·2021년 5월 8일
0

투두투두

목록 보기
3/9
post-thumbnail

인풋에 입력하고 엔터를 누르면 to-do에 추가되도록 했다.
새로 추가된 것은 약 0.5초 정도 보라색을 유지하여 새로 추가된 div가 잘 보이도록 했다.

인풋 값에 trim 처리한 후에 빈 값으이면 그냥 리턴하는 것을 추가하지 않았더니 새로 발견한 것이 있다. 한글로 입력하면 빈 칸이 추가로 생긴다. 구글에 찾아보니 키 입력 이벤트 관련해서 한글, 중국어, 일본어에 isComposing() 관련 이슈가 있는 것 같았다.

나는 한글을 감지해서 어떤 것을 하려는게 아니라 그저 글자가 있는 값만 잘 가져와서 추가하면 되기 때문에 빈 값인 경우에는 그냥 리턴하도록 하였더니 한글 텍스트도 잘 추가되었다.

이 다음 작업은 드래그 앤 드롭으로 to-do와 Finished 사이에 왔다갔다 하도록 해야지.

profile
사는 것도 디버깅의 연속. feel lucky to be different🌈 나의 작은 깃허브는 https://github.com/lyj-ooz

0개의 댓글

관련 채용 정보