React에서 Form Validation을 해보자 (ft. Custom Hook)
단계적으로 validation logic을 구축해본다. useState() 뿐만 아니라 useReducer()도 사용해본다. Form validation (폼 유효성 검사) user가 올바른 입력값을 전송하도록 여러 조건을 체크하고 잘못된 점이 있으면 알려주는 것 회원가입이나 기업의 입사지원서 작성시 흔히 볼 수 있음 Form은 언제 validate해야 할까? form이 submit 됐을 때 (onSubmit event) user가 input에서 focus를 잃었을 때 (onBlur event) 모든 keystroke (onChange event) Empty input 처리 방법 was touched state: 입력칸을 클릭했는지 여부 lost focus: input field에 입력하다가 다 지우고 ..
Web/React
2021. 11. 18. 14:17
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- matches
- vue.js
- swea
- 시뮬레이션
- 문자열
- 정규식
- dfs
- 백준
- BFS
- form
- 삼성역테기출
- 프로그래머스
- 브루트포스
- regex
- CustomHook
- BigInteger
- 다익스트라
- java
- 알고리즘
- 그래프
- 이분탐색
- web
- 해시
- 구현
- 백트래킹
- REACT
- Validation
- dp
- 벨만포드
- 우선순위큐
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
글 보관함