feat(fe): make settings page for whitelist removal#3636
Conversation
There was a problem hiding this comment.
Code Review
This pull request refactors the settings and sign-up pages to introduce a more modular component structure, including new sections for account linking, college/major selection, email verification, and profile photos. Key feedback focuses on fixing state synchronization issues in the college and major search inputs when profile data loads asynchronously, correcting the save button's enablement logic which currently triggers prematurely, and implementing the missing file input handler for profile photo uploads. Additionally, several validation and state-resetting bugs in the sign-up flow need to be addressed, such as requiring student IDs for SKKU students and properly clearing university-related fields when switching jobs.
Important
The consumer version of Gemini Code Assist on GitHub is being sunset. Starting June 18, 2026, new organization installations will be blocked, and all code review activity will officially cease on July 17, 2026.
For more details on the timeline and next steps, please review the Help Documentation.
|
✅ Syncing Preview App Succeeded Application: |
60159b1 to
3e62851
Compare
|
✅ Syncing Preview App Succeeded Application: |
59c73ef to
f308a97
Compare
|
✅ Syncing Preview App Succeeded Application: |
|
✅ Syncing Preview App Succeeded Application: |
…to t2731-make-settings-page-for-whitelist-removal
…s://github.com/skkuding/codedang into t2731-make-settings-page-for-whitelist-removal
|
✅ Syncing Preview App Succeeded Application: |
b6c7709 to
6eaf0c5
Compare
|
✅ Syncing Preview App Succeeded Application: |
|
✅ Syncing Preview App Succeeded Application: |
|
✅ Syncing Preview App Succeeded Application: |
|
✅ Syncing Preview App Succeeded Application: |
|
✅ Syncing Preview App Succeeded Application: |
|
✅ Syncing Preview App Succeeded Application: |
|
❗ Syncing Preview App Failed Application: |
Description
닉네임 (수정 가능)
0자 이상 20자 이하입니다. 닉네임이 없으면 빈 칸으로 표시되고, 실제 API 데이터가 오면 기존 닉네임으로 채워집니다. 닉네임이 기존값과 달라지면 저장 버튼이 활성화됩니다.
직업 (현재 수정 불가)
화이트리스트 제거 이전에 가입한 기존 회원은 jobType이 null로 저장되어 있어 설정 페이지에서 "미설정"으로 표시됩니다. 이 사용자들이 직접 직업을 설정할 수 있도록 수정이 필요합니다. (논의 필요)
대학교 (수정 가능)
문제점: 타 대학 ↔ 성균관대로 변경할 경우 @skku.edu 이메일 사용 여부 문제가 있습니다.
성균관대 → 타 대학의 경우, isSKKU가 studentId !== '0000000000'으로 결정되기 때문에 SKKU 학번이 있는 사용자는 설정 페이지에서 대학교 필드 자체가 읽기 전용으로 표시됩니다. 이쪽은 이미 막혀 있습니다.
타 대학 → 성균관대의 경우, 대학교를 성균관대학교로 저장하면 SKKU 학생처럼 동작하는 문제가 있습니다.
해결 방법은 크게 두 가지입니다.
프론트에서 막기 — CollegeSection 검색 결과에서 "성균관대학교"를 제외
백엔드에서 막기 — college가 성균관대일 경우 @skku.edu 이메일인지 검증
백엔드 팀과 논의가 필요할 것 같습니다. 일단 프론트에서 막는 방향으로 적용했습니다.
이메일 인증 (변경 가능)
새 이메일 인증 후 현재 이메일 칸이 업데이트됩니다.
비밀번호 변경
현재 비밀번호를 입력하고, 새 비밀번호와 확인란이 일치하면 저장 버튼이 활성화됩니다. 현재 비밀번호와 동일한 값으로는 변경할 수 없습니다.
Additional context
아직 백엔드에서 구현되지 않아서 주석 처리했습니다.
아직까지 카카오 연동 기능만 구현되어 있습니다. 네이버, 구글, 깃허브 연동 기능은 백엔드 작업 이후 구현 예정입니다.
로컬 백엔드 환경에서 직접 테스트했습니다. PR 메시지 위주로 검토 부탁드립니다.
closes TAS-2731
Before submitting the PR, please make sure you do the following
fixes #123).