Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[Refactor] 유저페이지 리팩토링 #123

Open
3 of 5 tasks
Stilllee opened this issue Jan 21, 2025 · 0 comments
Open
3 of 5 tasks

[Refactor] 유저페이지 리팩토링 #123

Stilllee opened this issue Jan 21, 2025 · 0 comments
Assignees
@Stilllee
Labels
🛠️ Feature 🛠️ 기능 구현 ♻️ Refactor ♻️ 전반적인 코드 리팩토링
Milestone
Week3

Comments

@Stilllee
Copy link
Contributor

Stilllee commented Jan 21, 2025 •
edited
Loading

📄 Description

유저페이지에서 데이터 목록을 불러올 때 로딩 상태에 관한 작업이 필요합니다.

✅ TODO

  • 스켈레톤 UI 적용
  • 코드 정리
  • fetch 모듈 함수 수정 (토큰 직접 주입 -> credential: 'include'로 변경)
  • 토큰을 props로 전달하고 api 요청에 활용하는 부분 수정
  • 테스트 코드 작성

🎸 ETC

  • 데이터 목록 조회 API 에러 발생으로 관련 작업 불가능한 상황. (백엔드 피드백 대기 중)
  • 토큰 전략 변경되면 fetcher.ts 관련 코드 수정해야 함. (백엔드 피드백 대기 중)
@Stilllee Stilllee added the 🛠️ Feature 🛠️ 기능 구현 label Jan 21, 2025
@Stilllee Stilllee added this to the Week3 milestone Jan 21, 2025
@Stilllee Stilllee self-assigned this Jan 21, 2025
Stilllee added a commit to Stilllee/mogua-fe that referenced this issue Jan 21, 2025
@Stilllee
Feat(mogua-station#123): 목록 데이터에 스켈레톤 UI 적용
c78fc4f 
- SkeletonList.tsx 추가
- 뷰포인트 크기별 스켈레톤 개수를 다르게 적용
@Stilllee Stilllee changed the title [FEATURE] 유저페이지 로딩 관리 [FEATURE] 유저페이지 데이터 목록 로딩 관리 Jan 22, 2025
Stilllee added a commit to Stilllee/mogua-fe that referenced this issue Jan 22, 2025
@Stilllee
Typo(mogua-station#123): fetch 모듈 함수 이름 변경
c19da65
Stilllee added a commit to Stilllee/mogua-fe that referenced this issue Jan 22, 2025
@Stilllee
Typo(mogua-station#123): fetch 모듈 함수 이름 변경 및 적용
6e20a36
@Stilllee Stilllee added the ♻️ Refactor ♻️ 전반적인 코드 리팩토링 label Jan 22, 2025
@Stilllee Stilllee changed the title [FEATURE] 유저페이지 데이터 목록 로딩 관리 [Refactor] 유저페이지 리팩토링 Jan 22, 2025
Stilllee added a commit to Stilllee/mogua-fe that referenced this issue Jan 22, 2025
@Stilllee
Refactor(mogua-station#123): 모임, 리뷰 타입가드 분리
8446b2f
Stilllee added a commit to Stilllee/mogua-fe that referenced this issue Jan 22, 2025
@Stilllee
Typo(mogua-station#123): 리뷰카드 타입가드 오타 수정
a2922d0 
- userId -> userid
Stilllee added a commit to Stilllee/mogua-fe that referenced this issue Jan 22, 2025
@Stilllee
Refactor(mogua-station#123): 프로필 조회 로직 분리 및 에러처리 추가
2fb5a24 
- 유저 프로필 조회 api 공통으로 분리
- error 컴포넌트 추가
Stilllee added a commit to Stilllee/mogua-fe that referenced this issue Jan 22, 2025
@Stilllee
Refactor(mogua-station#123): 유저페이지 관련 타입 정리
d13bc0c
@Stilllee Stilllee mentioned this issue Jan 22, 2025
Merged
6 tasks
Stilllee added a commit to Stilllee/mogua-fe that referenced this issue Jan 22, 2025
@Stilllee
Fix(mogua-station#123): 빌드 에러 해결을 위한 타입 수정
abc22c9
Stilllee added a commit to Stilllee/mogua-fe that referenced this issue Jan 23, 2025
@Stilllee
Typo(mogua-station#123): 에러 컴포넌트 디버깅용 로그 제거
d3d68ce
Stilllee added a commit that referenced this issue Jan 23, 2025
@Stilllee
Refactor(#123): 유저페이지 데이터 요청 관련 리팩토링 (#141)
573cd32
Stilllee added a commit to Stilllee/mogua-fe that referenced this issue Jan 25, 2025
@Stilllee
Type(mogua-station#123): 리뷰 데이터 api 응답 확인용 로그 추가
2d960bd 
- reviewId, isEditable이 받아와지는지 확인
Stilllee added a commit to Stilllee/mogua-fe that referenced this issue Feb 3, 2025
@Stilllee
Fix(mogua-station#123): 리뷰카트 모임종료날짜 표시 수정
96df32d 
- ReviewInfo 타입에 meetingEndDate 추가
- 리뷰 매핑 함수에서 meetingEndDate를 Date 객체로 변환하여 전달
- 내 리뷰와 수강평 모두에서 모임 종료 날짜가 정상적으로 표시되도록 수정
Stilllee added a commit to Stilllee/mogua-fe that referenced this issue Feb 3, 2025
@Stilllee
Typo(mogua-station#123): 디버깅용 로그 제거
50fed75
@Stilllee Stilllee mentioned this issue Feb 3, 2025
Merged
6 tasks
Stilllee added a commit to Stilllee/mogua-fe that referenced this issue Feb 3, 2025
@Stilllee
Refactor(mogua-station#123): ReviewInfo 타입의 meetingEndDate를 옵셔널로 변경
58de093
Stilllee added a commit to Stilllee/mogua-fe that referenced this issue Feb 3, 2025
@Stilllee
Fix(mogua-station#123): 빌드에러 해결을 위한 코드 수정
c8740cd 
- 리뷰 컴포넌트의 '모임종료일'을 옵셔널로 변경
Stilllee added a commit to Stilllee/mogua-fe that referenced this issue Feb 4, 2025
@Stilllee
Refactor(mogua-station#123): 페이지 레벨 토큰 검증 로직 제거
ffdbaaf 
- 미들웨어에서 토큰 검증 처리 예정으로 중복 로직 제거
Stilllee added a commit to Stilllee/mogua-fe that referenced this issue Feb 4, 2025
@Stilllee
Refactor(mogua-station#123): 프로필 조회 API에서 토큰 제거
12fd9d9 
- 프로필 조회 API가 토큰 불필요하도록 변경됨에 따라 관련 로직 제거
Stilllee added a commit to Stilllee/mogua-fe that referenced this issue Feb 4, 2025
@Stilllee
Fix(mogua-station#123): 프로필 조회 API 타입 에러 임시 처리
dc5de56 
- 토큰 파라미터 제거로 인한 타입 에러 임시 해결
- fetcher 함수 시그니처 변경 전까지 빈 문자열로 처리
Stilllee added a commit to Stilllee/mogua-fe that referenced this issue Feb 4, 2025
@Stilllee
Fix(mogua-station#123): 빌드 에러 해결을 위한 코드 수정
2d13919 
- getUserProfile 토큰 제거에 따른 관련 코드 수정
Stilllee added a commit to Stilllee/mogua-fe that referenced this issue Feb 4, 2025
@Stilllee
Fix(mogua-station#123): 빌드 에러 처리를 위한 코드 수정
b7251b0 
- 모임 생성/수정 관련 프로필 조회 로직에서 토큰 제거
Stilllee added a commit to Stilllee/mogua-fe that referenced this issue Feb 4, 2025
@Stilllee
Feat(mogua-station#123): 유저 페이지 메타데이터 동적 생성
9292635 
- generateMetadata로 동적 메타데이터 설정
- 유저 닉네임을 활용한 타이틀 및 설명 설정
- props 타입 정의 추가
Stilllee added a commit to Stilllee/mogua-fe that referenced this issue Feb 4, 2025
@Stilllee
Feat(mogua-station#123): robots meta 태그 추가
37f031b 
- 로그인 유저 전용 페이지이므로 검색엔진 크롤링 방지를 위한 메타데이터 추가
Stilllee added a commit to Stilllee/mogua-fe that referenced this issue Feb 4, 2025
@Stilllee
Refactor(mogua-station#123): 프로필 이미지 최적화
95c9b94
Stilllee added a commit that referenced this issue Feb 5, 2025
@Stilllee
Refactor(#123): 유저페이지 수정 및 리팩토링 (#173)
3096eff
Stilllee added a commit to Stilllee/mogua-fe that referenced this issue Feb 5, 2025
@Stilllee
Test(mogua-station#123): UserProfile 컴포넌트 테스트 코드 작성
3384aee 
- 기본 정보 (닉네임, 프로필 이미지) 렌더링 테스트
- 자기소개 렌더링 테스트
- 유저 태그 목록 렌더링 테스트
- 과외선생님 뱃지 조건부 렌더링 테스트
Stilllee added a commit to Stilllee/mogua-fe that referenced this issue Feb 5, 2025
@Stilllee
Test(mogua-station#123): fetcher 유틸 함수 테스트 코드 작성
fea05a7 
- HTTP 요청 처리 테스트
- 토큰 기반 인증 헤더 테스트
- FormData 및 커스텀 헤더 테스트
Stilllee added a commit to Stilllee/mogua-fe that referenced this issue Feb 5, 2025
@Stilllee
Refactor(mogua-station#123): getUserProfile 에러 처리 개선
3d42aa6 
- 서버 컴포넌트 요청 디버깅을 위한 필수 정보 로깅
- 백엔드 에러 메시지를 사용자에게 직접 표시하도록 수정
Stilllee added a commit to Stilllee/mogua-fe that referenced this issue Feb 5, 2025
@Stilllee
Test(mogua-station#123): getUserProfile 테스트 코드 작성
f7011b9 
- 프로필 데이터 정상 반환 테스트
- 커스텀 헤더 옵션 전달 테스트
- API 에러 응답 처리 테스트
Stilllee added a commit to Stilllee/mogua-fe that referenced this issue Feb 5, 2025
@Stilllee
Test(mogua-station#123): fetcher 테스트 수정
b0e0018 
- Next.js 옵션 처리 테스트 추가
- 기능별 구조 및 설명 개선
Stilllee added a commit to Stilllee/mogua-fe that referenced this issue Feb 5, 2025
@Stilllee
Test(mogua-station#123): getUserProfile 테스트 수정
56a5fab 
- 옵션 처리 -> Next.js 옵션 처리로 변경
- 중첩된 describe 블록을 제거하고 각 테스트를 독립적으로 재구성
Stilllee added a commit to Stilllee/mogua-fe that referenced this issue Feb 5, 2025
@Stilllee
Refactor(mogua-station#123): 불필요한 코드 제거
e283998 
- 미들웨어에서 인증 처리하므로 notFound 관련 로직 제거
Stilllee added a commit to Stilllee/mogua-fe that referenced this issue Feb 5, 2025
@Stilllee
Refactor(mogua-station#123): getUserProfile 에러 메세지 처리 개선
f3167f2 
- 에러 메세지가 없는 경우 기본 메시지를 반환하도록 수정
- 관련 테스트 케이스 추가
Stilllee added a commit to Stilllee/mogua-fe that referenced this issue Feb 5, 2025
@Stilllee
Refactor(mogua-station#123): Error 컴포넌트 기본 에러 메세지 추가
9a77a05 
- 에러 메세지가 없는 경우 기본 메세지를 표시
Stilllee added a commit to Stilllee/mogua-fe that referenced this issue Feb 5, 2025
@Stilllee
Test(mogua-station#123): Error 컴포넌트 테스트 코드 작성
efc3ee2 
- 에러 메세지 표시 테스트
- 기본 에러 메세지 표시 테스트
- 홈으로 돌아가기 버튼 동작 테스트
@Stilllee Stilllee mentioned this issue Feb 5, 2025
Merged
7 tasks
Stilllee added a commit that referenced this issue Feb 6, 2025
@Stilllee
Refactor(#123): 유저페이지 테스트 코드 작성 및 에러 처리 개선 (#181)
da4bd1a
Stilllee added a commit to Stilllee/mogua-fe that referenced this issue Feb 11, 2025
@Stilllee
Feat(mogua-station#123): 검색엔진 노출 설정 변경
205e7aa 
- 유저페이지의 검색엔진 노출을 허용하도록 robots 설정 제거
Stilllee added a commit to Stilllee/mogua-fe that referenced this issue Feb 11, 2025
@Stilllee
Refacotr(mogua-station#123): 뒤로가기 버튼 aria-label, 여백 추가
f1e61d2
Stilllee added a commit to Stilllee/mogua-fe that referenced this issue Feb 11, 2025
@Stilllee
Feat(mogua-station#123): '내 페이지'일 때에만 프로필수정 아이콘 보여주기
4b85e07
Stilllee added a commit to Stilllee/mogua-fe that referenced this issue Feb 11, 2025
@Stilllee
Refactor(mogua-station#123): 유저헤더 구조 개선
29b18dc
@Stilllee Stilllee mentioned this issue Feb 11, 2025
Merged
6 tasks
Stilllee added a commit that referenced this issue Feb 11, 2025
@Stilllee
Refactor(#123): 유저페이지 수정 (#211)
8013b94
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@Stilllee Stilllee

Labels
🛠️ Feature 🛠️ 기능 구현 ♻️ Refactor ♻️ 전반적인 코드 리팩토링
Projects
None yet
Milestone
Week3
Development

No branches or pull requests
1 participant
@Stilllee