Skip to content

Conversation

@sunnyinha
Copy link
Collaborator

@sunnyinha sunnyinha commented Jul 2, 2025

📌 회원 가입 페이지 추가

🧩 변경 사항

  • 초기 회원가입 플로우 관리 페이지 생성
  • 스플래시, 로그인/회원가입 선택, 약관 동의, 학교 선택(전공, 이름 포함), 이메일, 이메일 인증, 회원 정보 설정, 가입완료 컴포넌트 ui 구현
  • 이메일, 이메일 인증번호 간단한 유효성 검사 util 함수
  • 아이디, 비밀번호 유효성 검사
  • 회원 가입 데이터 타입 인터페이스 정의

✅ 체크리스트

  • 코드 스타일을 지켰나요?
  • 테스트를 실행했나요?
  • 리뷰어가 이해하기 쉽게 주석을 썼나요?

💬 기타 참고사항

  • 이메일 인증 코드 관련 데이터 인증 위치 점검 필요(API 보고 결정예정)
  • 드롭 박스 width 제어 오류 -> headless 라이브러리 필요 (고민중) =>피드백 반영 list 형태로 변경
  • 드롭 박스 타이핑 기반 아님 -> 수정 완료 ! 타이핑 기반 자동 완성 list 보여줌

@sunnyinha sunnyinha requested a review from jeha0714 July 2, 2025 19:50
@jeha0714
Copy link
Collaborator

jeha0714 commented Jul 7, 2025

썬더님이 작성하신 코드외에 commit부분은 develop branch를 feature/signup에 merge한 것으로 develop에 merge한 feature/mypage내용이니 신경쓰지 않으셔도 됩니다.

@jeha0714
Copy link
Collaborator

jeha0714 commented Jul 7, 2025

  • 코드가 너무 길어서 다 볼 수 없다고 판단했기에 테스트해보고 수정 사항만 남깁니다.
    [ 수정 사항 ]
  1. 모바일 폰에서 tag 클릭 시 키보드 창이 뜨면서 zoom-in되는 현상 zoom-in 되지 않도록 수정해주세요.
  2. SchoolSelection에서 드롭다운 방식의 UI가 안이쁜데 select tag 사용하지 마시고 검색하면 검색칸에 맞추어 list가 아래로 나열되도록 해주세요. (ex 구글 url 입력 시 참고 )
  3. MajorYearSelection등과 같이 텍스트를 입력할 수 있는 input tag와 같은 부분에 유효성 검사해주세요. ( 프론트 단에서 해야합니다. ) ex) 학번은 한글이나 영어 x
  4. AccountSetup에서 사용자가 입력한 비밀번호를 볼 수 있도록 우측에 eye icon을 배치해주세요.
  5. InterestsSelection component 크기 수정해주세요. 여백이 존재합니다.

@jeha0714
Copy link
Collaborator

jeha0714 commented Jul 7, 2025

  1. 개발자 모드를 하지 않은 노트북이나 아이패드로 접근시 UI가 굉장히 깨집니당

sunnyinha added 10 commits July 10, 2025 00:46
- 폰트 단위를 vw 기준에서 rem 기준인 text-xl, text-lg으로 변경

- 다양한 모바일 환경에서 레이아웃 및 스타일 일관성 유지
- 로그인 페이지 이동  로그인 수행 버튼으로 변경

- 이메일/비밀번호 입력창 추가

- % 및 rem(text-base, text-lg) 단위로 교체하여 모바일 환경 일관성 유지
 - % 및 rem(text-base, text-lg) 단위로 교체하여 모바일 환경 일관성 유지

 - 디자인 변경 반영
- % 및 rem(text-base, text-lg) 단위로 교체하여 모바일 환경 일관성 유지

- 디자인 변경 반영

- 타이핑 및 드롭다운 자동완성, 키보드 하이라이팅 기능 추가
- Eye 아이콘 추가로 비밀번호 보기/숨기기 기능 구현
- 아이디: 5자 이상의 영문 대소문자, 숫자, 언더바(_), 점(.)만 허용 유효성 검사 추가
- 비밀번호: 영문/숫자/특수문자 포함 8자 이상 조건 추가
- 모바일 환경 대응을 위한 text-base, text-lg, % 단위 등 디자인 개선
- 모바일 환경 대응을 위한 text-base, text-lg, %, rem 등 단위 개선

- 첫 번째 관심사 선택 시 메인 관심사로 강조되도록 스타일 적용
- 모바일 환경 대응을 위한 text-base, text-lg, %, rem 단위 적용
- SplashScreen, CodeInput, Completion 등 전반적 디자인 스타일 변경 반영
- 8단계에 ProfileSetup 컴포넌트 추가 (프로필 사진 + 사용자 이름 입력)
- SignupData 타입에 username, avatar 필드 반영
- Signup flow 구조 수정: 단계 이동 및 상태 업데이트 로직 포함
@sunnyinha
Copy link
Collaborator Author

sunnyinha commented Jul 10, 2025

말씀하신 부분 전체 반영 완료했습니다! 현재 top nav바, 약관 내역만 없는 상태입니다.

This was referenced Aug 7, 2025
@shinwokkang shinwokkang mentioned this pull request Aug 12, 2025
This was referenced Aug 13, 2025
@jeha0714 jeha0714 mentioned this pull request Aug 13, 2025
This was referenced Aug 14, 2025
@jeha0714 jeha0714 mentioned this pull request Aug 19, 2025
@shinwokkang shinwokkang mentioned this pull request Aug 19, 2025
This was referenced Aug 19, 2025
This was referenced Aug 21, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants