[React] 회원가입 상태관리 및 유효성 검사(정규식)
회원가입 페이지를 구현하는데 있어 이메일 형식 검사나 비밀번호 일치확인 검사가 필요하였고 이를 위해 커스텀 훅을 사용하였다. 다음은 useInput 커스텀 훅으로 input 태그의 입력 값을 관리하는 코드이다. import { useState, useCallback } from "react"; import { signUpInputType } from "../../../types/userDto"; export const useInput = () => { const [signUpForm, setSignUpForm] = useState({ email: '', id : '', // 사용자 ID (이메일 형식) password : '', // 비밀번호 gender : '', // 사용자 성별, 'M' : 남자, ..
react
2023. 3. 25. 15:46
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- Enter키
- 모음 사전
- 프로그래머스
- 브루트포스
- 방문 길이
- 스킬트리
- 슬라이드
- level2
- 자동 하이푼
- 비밀번호 일치
- 배열 자르기
- 연속 부분 수열 합의 개수
- swiper
- 회원가입
- 완전탐색
- 기능개발
- 스타일
- 커스텀훅
- 정규식
- react
- 자바
- input
- 알고리즘
- 이메일
- Java
- 할인행사
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
글 보관함