[Fix] message 페이지 CORS 에러 수정 및 필드명 변경

[wooktori]

📝 변경 사항

• 임시로 해놨던 localhost:4000 때문에 CORS가 생기는 오류 수정.
• 필드값 id=>userId , name=>nickname 으로 변경.
• 필드값 변경으로 인한 test 코드, storybook 코드 수정.

---

🔗 관련 이슈

Closes #

---

🧪 테스트 방법

• 수동 테스트 검증(로컬 환경)
• 유닛 테스트 검증
• 통합 테스트 검증

---

📸 스크린샷 (선택)

---

📋 체크리스트

• 관련 문서를 업데이트했습니다 (필요한 경우)
• 테스트를 추가/수정했습니다 (필요한 경우)
• Breaking change가 있다면 명시했습니다

---

💬 추가 코멘트

---

CodeRabbit Review는 자동으로 실행되지 않습니다.

Review를 실행하려면 comment에 아래와 같이 작성해주세요

@coderabbitai review

---

Summary by CodeRabbit

변경사항

• 리팩토링
  • 팔로우 서비스 API의 구조를 최적화했습니다.
  • 팔로잉 카드 컴포넌트의 데이터 처리 일관성을 개선했습니다.
  • 관련 테스트 및 목 데이터 핸들러를 함께 업데이트했습니다.

_{✏️ Tip: You can customize this high-level summary in your review settings.}

[github-actions]

🎭 Playwright Report

✨ E2E Test가 성공적으로 완료되었습니다.

Test 요약 내용을 확인해주세요.

Status	Build Log	Updated (UTC)
✅ Ready	View Build	2025-12-15 00:28:56

📊 Test Summary

• ✅ Passed: 9
• ❌ Failed: 0
• ⏱️ Duration: 80.0s

📜 Test Details

✅ Passed Tests (9)

• profile.test.ts (9)
  • [chromium] 비로그인 상태에서 /mypage 접속 시 /login으로 redirect 되는 지 테스트
  • [chromium] 나의 프로필 페이지로 접속 시 /mypage로 /redirect 되는 지 테스트
  • [chromium] 존재하지 않는 프로필 페이지로 접속 시 404 redirect 되는 지 테스트
  • [firefox] 비로그인 상태에서 /mypage 접속 시 /login으로 redirect 되는 지 테스트
  • [firefox] 나의 프로필 페이지로 접속 시 /mypage로 /redirect 되는 지 테스트
  • [firefox] 존재하지 않는 프로필 페이지로 접속 시 404 redirect 되는 지 테스트
  • [webkit] 비로그인 상태에서 /mypage 접속 시 /login으로 redirect 되는 지 테스트
  • [webkit] 나의 프로필 페이지로 접속 시 /mypage로 /redirect 되는 지 테스트
  • [webkit] 존재하지 않는 프로필 페이지로 접속 시 404 redirect 되는 지 테스트

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on this repository.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Walkthrough

여러 컴포넌트와 서비스에서 팔로워 데이터 모델을 정규화했습니다. id/name 필드를 userId/nickname으로 변경하는 새 Follower 타입을 도입하고, API 서비스를 중앙화된 클라이언트로 업데이트하며, 모의 응답을 표준화된 헬퍼로 통일했습니다.

Changes

Cohort / File(s)	Summary
새 Follower 타입 정의 src/types/service/follow.ts	userId, nickname, profileImage, profileMessage 필드를 가진 새 Follower 인터페이스 추가
FollowingCard 컴포넌트 및 관련 파일 src/components/pages/message/message-following-card/index.tsx, index.stories.tsx, index.test.tsx	FollowingCardProps에서 id → userId, name → nickname으로 필드명 변경; 스토리와 테스트도 동일하게 업데이트
FollowingList 컴포넌트 및 테스트 src/components/pages/message/message-following-list/index.tsx, index.test.tsx	로컬 FollowingItem 타입을 임포트된 Follower 타입으로 변경; 렌더링 시 userId/nickname 사용하도록 업데이트
팔로워 서비스 통합 src/api/service/follower-service/index.ts	직접 baseAPI 호출을 중앙화된 API 클라이언트로 변경; 상대 경로 /followers 엔드포인트 사용
모의 응답 표준화 src/mock/service/followers/followers-handler.ts	URL 매처를 와일드카드 패턴으로 변경; createMockSuccessResponse/createMockErrorResponse 헬퍼 함수 적용

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~20 minutes

• 주요 검토 영역:
  • Follower 타입 인터페이스가 모든 사용처에서 올바르게 매핑되었는지 확인
  • 컴포넌트 계층 전체에서 userId/nickname 필드명 변경이 일관성 있게 적용되었는지 검증
  • API 서비스의 중앙화된 클라이언트 통합이 기존 동작을 보존하는지 확인
  • 모의 응답 헬퍼 함수 적용으로 인한 직렬화 형식 변화 검토

Poem

🐰 필드명 바꾸고 타입을 맞춰
userId, nickname으로 단장했네
팔로워의 정체성, 이제 명확해
API도 예쁘게 중앙화하고
모의 응답도 표준화됐으니
코드는 더욱 깔끔해 졌어! 🎉

Pre-merge checks and finishing touches

✅ Passed checks (3 passed)

Check name	Status	Explanation
Title check	✅ Passed	PR 제목이 주요 변경사항을 명확하게 요약합니다. CORS 오류 수정과 필드명 변경(id→userId, name→nickname)이라는 두 가지 핵심 변경사항을 간결하게 표현하고 있습니다.
Description check	✅ Passed	PR 설명이 변경사항, 테스트 방법, 체크리스트 등 주요 섹션을 포함하고 있습니다. 다만 관련 이슈가 명시되지 않았고, 유닛/통합 테스트 검증이 미완료되었으며, Breaking change 표기가 누락되어 있습니다.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[github-actions]

🎨 Storybook Report

✅ 변경 사항이 없습니다

모든 Story가 이전 빌드와 동일합니다.

Status	Storybook	Build Log	Updated (UTC)
✅ Unchanged	View Storybook	View Build	2025-12-15 00:28:37

[github-actions]

📊 Coverage Report

Status	Build Log	Updated (UTC)
✅ Ready	View Build	2025-12-15 00:27:00

📉 #167을 main에 병합하면 coverage가 0.07% 감소합니다.

Coverage 요약

@@             Coverage Diff             @@
##             main     #167       +/-   ##
===========================================
- Coverage   35.57%   35.50%    -0.07%     
===========================================
  Files         149      150        +1     
  Lines        6144     6149        +5     
  Branches      246      247        +1     
===========================================
- Hits         2186     2183        -3     
+ Misses       3958     3966        +8     

영향받은 파일

파일	Coverage 변화
/home/runner/work/WeGo_FrontEnd/WeGo_FrontEnd/src/api/service/follower-service/index.ts	80.00% (+30.00%) ⬆️
/home/runner/work/WeGo_FrontEnd/WeGo_FrontEnd/src/mock/service/followers/followers-handler.ts	40.00% (-18.33%) ⬇️

[github-actions]

🚀 PR Preview Report

✨ Build가 성공적으로 완료되었습니다.

Preview에서 변경사항을 확인하세요.

Status	Preview	Build Log	Updated (UTC)
✅ Ready	Visit Preview	View Logs	2025-12-15 00:28:11

[Chiman2937]

수고하셨습니다! 팔로워 api가 아직 안나와서 작업이 애매하군요 🥲 .

[claudia99503]

@coderabbitai review

[coderabbitai]

✅ Actions performed

Review triggered.

Note: CodeRabbit is an incremental review system and does not re-review already reviewed commits. This command is applicable only when automatic reviews are paused.