Skip to content

[UI] 회원가입 정보입력 페이지 UI 구현(#8)#32

Merged
seoyeon-jung merged 7 commits intodevelopfrom
ui/#8
Oct 18, 2023
Merged

[UI] 회원가입 정보입력 페이지 UI 구현(#8)#32
seoyeon-jung merged 7 commits intodevelopfrom
ui/#8

Conversation

@seoyeon-jung
Copy link
Contributor

PR 타입

UI 구현

반영 브랜치

ui/#8 => develop

closed #8

변경사항

localhost_3000_joinform

  • 아이디 입력
    • 아이디 유효성 검사를 통과하지 않으면 안내 문구가 빨간색으로 바뀌도록 구현
    • 중복 확인 버튼 클릭 시 modal 구현 (중복 확인은 추후 기능 구현 예정)
  • 비밀번호 입력
    • 비밀번호 유효성 검사를 통과하지 않으면 안내 문구가 빨간색으로 바뀌도록 구현
  • 비밀번호 재입력
    • 두 input 창의 입력값이 일치하지 않으면 아래 error message 추가되도록 구현
  • 닉네임 입력
    • 닉네임 유효성 검사를 통과하지 않으면 안내 문구가 빨간색으로 바뀌도록 구현
    • 중복 확인 버튼 클릭 시 modal 구현 (중복 확인은 추후 구현 예정)
  • 완료 버튼
    • 모든 input이 입력되지 않으면 modal창 구현
    • 모두 입력 후에는 회원가입 완료 페이지로 이동

- 이메일 형식이 맞으면 alert, 아니면 modal창이 나오도록 구현했습니다.
- 비밀번호 유효성 검사를 추가했습니다
- 비밀번호가 일치하지 않으면 아래에 안내 문구가 나오도록 추가했습니다.
- 모달 중복을 막기 위해 이메일 input창을 따로 컴포넌트로 분리했습니다
- modal 중복을 막기 위해 닉네임 input도 컴포넌트화했습니다
- 닉네임 유효성 검사를 추가했습니다
모든 입력 필드를 입력해야 버튼을 클릭할 수 있도록 수정했습니다
@seoyeon-jung seoyeon-jung self-assigned this Oct 18, 2023
@seoyeon-jung seoyeon-jung merged commit d5e96a5 into develop Oct 18, 2023
@seoyeon-jung seoyeon-jung deleted the ui/#8 branch October 18, 2023 08:53
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

회원가입 - 회원가입 폼

1 participant