어떤 유형의
웹 앱을 제작하든
거기에 리액트를 사용하든 그렇지 않든
이런 질문들과 관련 없이
특정 시점이 오면
사용자 입력을 다룰 수밖에 없습니다
이번 강의에서는
양식(form)을 다루는 법에 대해
배워 보겠습니다
보이는 것만큼
쉽지 않은 작업일 수 있습니다
하지만 다행히도
양식과 사용자 입력을 다룰 줄 알면
어려운 작업은 아닙니다
그래서 이번 강의에서는
양식과 사용자 입력을 다룰 때 어려운 점이 무엇인지
그 부분을 중심으로
다루어 보겠습니다
먼저 어떻게 양식 제출을 관리하고
사용자 입력을 검증할 수 있는지 알아보겠습니다
이 검증 방법이
이해하기 조금 어려울 수 있습니다
또한, 브라우저가 제공하는 양식과 검증 기능이
어떻게 개발자의 업무 부담을
완화해줄 수 있는지
알아보겠습니다
마지막으로
사용자 입력과 검증 과정을 다루는
리액트에서만 가능한 커스텀 해결법을 만들어 보겠습니다
물론
이것들은 전부
제가 준비한 데모 프로젝트를 통해
배울 수 있는 내용들입니다
데모 프로젝트는
첨부 파일에서 확인할 수 있습니다
로컬 버전과 코드샌드박스 버전이 있습니다
다른 파일과 마찬가지로 로컬 버전은
다운로드 후 추출하면 됩니다
그리고 npm install을 시행한 후
npm run dev를 시행하여 개발 서버를 시작합니다
코드샌드박스에서는 이 과정이 필요하지 않습니다
모든 준비를 마치신 후에는
양식에 대해 배울 준비가 되었습니다