feat: 메시지 입력 시 Enter 한 번 만 가능하도록 구현 - Githubissues

woowacourse-teams / 2022-nae-pyeon

내 마음을 편지로, 내 편 💌

https://naepyeon.site

47 stars 7 forks source link

feat: 메시지 입력 시 Enter 한 번 만 가능하도록 구현 #568

Closed prefer2 closed 2 years ago

prefer2 commented 2 years ago

구현 사항

2번 줄바꿈 가능은 delete를 한 번 한 후 엔터 2번 추가 가능합니다. 원한다면 사실상 여러번의 엔터가 가능합니다. 이런 처리는 엔터가 불가능하게 하는 것에 의미가 없다고 생각하여 1번 줄바꿈만 가능하도록 변경했습니다.

https://user-images.githubusercontent.com/67692759/195882823-17fd1080-1702-4e1d-b0cd-361fdd0f117b.mov

한글인 경우 엔터가 작동하지 않습니다. 관련해서 찾아본 결과 keydown으로 이벤트를 감지할 시 한글의 경우 2번의 이벤트가 발생합니다. 한글은 조합 문자이기때문에 발생하는 문제라고 하더라고요. 이를 방지하기 위해 e.nativeEvent.isComposing를 사용하였습니다.

closed #566

prefer2 commented 2 years ago

맞네요 맞네요... 혼자 힘든 싸움을 했군요 허허 onChange에서 정규표현식으로 연속 엔터를 엔터 하나로 바꿨습니다.