React에서 Enter 키 입력 후 제출하는 가장 깔끔한 코드 패턴인풋 입력 후 Enter 키를 눌렀을 때 바로 제출되는 UI는 거의 모든 서비스에서 사용하는 UX 패턴이에요. React에서는 몇 가지 방식으로 구현할 수 있지만, **불필요한 렌더링 없이 깔끔하게 동작하는 방법**을 정리해볼게요.1️⃣ 핵심: onKeyPress 대신 onKeyDown 사용이전 포스트에서 확인할 수 있듯이, onKeyPress는 deprecated 되었기 때문에 더 이상 사용하면 안 돼요. 키 이벤트를 감지하려면 onKeyDown 또는 onKeyUp을 사용해야 하고, 대부분의 “Enter 제출”은 onKeyDown이 가장 자연스럽습니다.2️⃣ 기본 패턴 — input 하나에서 Enter 감지가장 흔한 예제부터 볼게요. ..
