내일배움캠프 최종 프로젝트 - 로그인과 회원가입 (8)

새벽로즈·2024년 1월 18일
post-thumbnail

회원가입 컴포넌트 분리

  • useState 모음: 'JoinUseStateCollection'으로 분리하여 모든 상태 관리를 한 곳에서 처리하기로 함
  • 프로그래스바 기능: 'ProgressBar' 컴포넌트로 분리하여 UI의 진행 상태 표시함
  • 입력 유효성 검사: 'ValidateInput' 컴포넌트로 분리. 이메일 및 비밀번호 유효성 검증 로직 구현
  • 중복 확인 기능: 'EmailAvailableNickNameAvailable' 컴포넌트로 닉네임 및 이메일 중복 확인 로직 구현
  • 단계별 렌더링 및 회원가입 로직: 'RenderStepJoin' 컴포넌트로 분리하여 단계별 UI 및 회원가입 처리 로직 구현

로그인 컴포넌트 분리

  • useState 모음: 'AuthUseStateCollection'으로 분리하여 로그인 관련 상태 관리
  • 소셜 로그인: 'SocialLogin' 컴포넌트로 분리. Google 및 GitHub를 통한 로그인 기능 구현
  • 유효성 검사: 'ValidateInput' 컴포넌트로 이메일 및 비밀번호 유효성 검증 로직 구현
  • 비밀번호 재설정: 'PasswordResetModal' 컴포넌트로 분리하여 비밀번호 재설정 기능 및 UI 구현

오늘의 한줄평 : 열도 나고 많이 아팠던 날, 처음으로 이렇게 짧은 TIL을 쓴다... 건강이 최고

profile
귀여운 걸 좋아하고 흥미가 있으면 불타오릅니다💙 최근엔 코딩이 흥미가 많아요🥰

0개의 댓글