양식(form)은 웹 애플리케이션에서 사용자로 부터 데이터를 입력 받기 위해 필수적인 UI 요소이죠? 그런데 리액트(React)로 직접 양식 UI를 구현해보면 처음에 생각했던 것보다 고려해야 할 부분이 많다는 것을 깨닫게 되는데요.
이번 영상에서는 비밀번호를 변경하기 위한 전형적인 양식 UI를 React 컴포넌트로 구현하면서 어떤 부분에 신경을 써서 프로그래밍을 해야 하는지 알아보겠습니다!
📺 동영상: https://youtu.be/HoFDSoZwJRI
📝 포스팅: https://www.daleseo.com/react-forms/
🧑💻 실습 코드: https://codesandbox.io/s/react-forms-nbjbk
✅ JSX 마크업
✅ 입력값 상태 관리
✅ 제출 이밴트 처리
✅ 중복 제출 방지
✅ 입력값 검증