241012 / 회원가입 페이지 생성, 유효성 검사

Eunsuk Noh·2024년 11월 20일
post-thumbnail

오늘 할 일

  1. 회원가입 페이지 생성 (react-router-dom)
  2. 회원가입 기능 구현 (react-hook-form)


react-router-dom v6로 페이지 분리하고
react-hook-form 라이브러리를 사용해서 회원가입 기능 구현 중

UI 참고) https://www.justinmind.com/blog/inspiring-examples-signup-form-pages/


이메일 유효성 검사

pattern: /^[^\s@]+@[^\s@]+.[^\s@]+$/

의미 : 시작[공백,@ 제외]@[공백,@ 제외].[공백,@ 제외]끝

참고 - 왜 정규식을 사용하는지 ? https://velog.io/@ninto_2/%EC%A0%95%EA%B7%9C%ED%91%9C%ED%98%84%EC%8B%9D


유효성 검사 작성 완료(아이디 중복 검사 제외)

  • 아이디 필수
  • 비번 동일 여부 / 필수
  • 이메일 정규식 / 필수


리캡챠 컴포넌트를 어찌저찌 달아놨는데
문제는 이제 이걸 어떻게 백엔드에 전달하느냐하는 그런 것

오늘로써 확실해진 것
데이터 주고받는 부분 못함
엄청난 연습 요망 ‼️

오늘 마무리


input:focus outline 컬러까지 맞춰줌.
내일은 본격 이메일 인증이랑 리캡챠 부분 할 예정 !

profile
! draoba emoclew ←

0개의 댓글