[feat] 마이페이지 API 연결

[shinwokkang]

📌 개요 (Summary)

• 변경 사항에 대한 간략한 요약을 적어주세요.
• 관련 이슈가 있다면 링크를 걸어주세요 (예: [fix] cicd / build 문제 #123).

🛠️ 변경 사항 (Changes)

• 새로운 기능 추가
• 버그 수정
• 코드 리팩토링
• 문서 업데이트
• 기타 (설명: )

📸 스크린샷 (Screenshots)

(UI 변경 사항이 있다면 첨부해주세요)

✅ 체크리스트 (Checklist)

• 빌드가 성공적으로 수행되었나요? (pnpm build)
• 린트 에러가 없나요? (pnpm lint)
• 불필요한 콘솔 로그나 주석을 제거했나요?

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
check-mo	Ready	Preview, Comment	Feb 25, 2026 9:11am
checkmo	Ready	Preview, Comment	Feb 25, 2026 9:11am

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on base/target branches other than the default branch.

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.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch feat/125-mypage-api

---

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.}

[gemini-code-assist]

Summary of Changes

Hello @shinwokkang, I'm Gemini Code Assist¹! I'm currently reviewing this pull request and will post my feedback shortly. In the meantime, here's a summary to help you and other reviewers quickly get up to speed!

이 PR은 마이페이지에서 사용자의 책 이야기 목록을 동적으로 불러오고 표시하는 기능을 추가합니다. 기존의 더미 데이터를 실제 API 호출로 대체하고, 무한 스크롤을 통해 효율적으로 데이터를 로드하여 사용자 인터페이스의 반응성과 성능을 향상시키는 데 중점을 두었습니다.

Highlights

• 마이페이지 API 연동: 마이페이지에 사용자 책 이야기 목록을 표시하기 위한 API 연동을 구현했습니다.
• 무한 스크롤 기능 도입: 사용자 책 이야기 목록에 무한 스크롤 기능을 적용하여 사용자 경험을 개선했습니다.
• BookStoryCard 컴포넌트 개선: BookStoryCard 컴포넌트에 구독 버튼의 표시 여부를 제어하는 hideSubscribeButton prop을 추가했습니다.

🧠 New Feature in Public Preview: You can now enable Memory to help Gemini Code Assist learn from your team's feedback. This makes future code reviews more consistent and personalized to your project's style. Click here to enable Memory in your admin console.

Changelog

• src/components/base-ui/BookStory/bookstory_card.tsx
  • hideSubscribeButton prop이 추가되어 구독 버튼의 렌더링을 제어할 수 있게 되었습니다.
• src/components/base-ui/MyPage/MyBookStoryList.tsx
  • 더미 데이터 사용을 중단하고 useMyInfiniteStoriesQuery 훅을 사용하여 실제 사용자 책 이야기를 불러오도록 변경되었습니다.
  • react-intersection-observer를 활용한 무한 스크롤 로직이 구현되었습니다.
  • 로딩, 에러, 데이터 없음 상태를 처리하는 UI가 추가되었습니다.
  • BookStoryCard 컴포넌트에 hideSubscribeButton={true}를 전달하여 마이페이지에서는 구독 버튼이 보이지 않도록 설정되었습니다.
• src/hooks/queries/useStoryQueries.ts
  • storyKeys에 myList 쿼리 키가 추가되었습니다.
  • 사용자 책 이야기를 무한 스크롤로 가져오는 useMyInfiniteStoriesQuery 훅이 새로 정의되었습니다.
• src/lib/api/endpoints/bookstory.ts
  • 사용자 책 이야기를 가져오기 위한 새로운 API 엔드포인트 STORY_ENDPOINTS.ME가 추가되었습니다.
• src/services/storyService.ts
  • getMyStories 함수가 추가되어 STORY_ENDPOINTS.ME를 통해 사용자 책 이야기 목록을 페이징하여 가져올 수 있게 되었습니다.

Activity

• 이 PR에 대한 추가적인 활동은 아직 없습니다.

Using Gemini Code Assist

The full guide for Gemini Code Assist can be found on our documentation page, here are some quick tips.

Invoking Gemini

You can request assistance from Gemini at any point by creating a comment using either /gemini <command> or @gemini-code-assist <command>. Below is a summary of the supported commands on the current page.

Feature	Command	Description
Code Review	/gemini review	Performs a code review for the current pull request in its current state.
Pull Request Summary	/gemini summary	Provides a summary of the current pull request in its current state.
Comment	@gemini-code-assist	Responds in comments when explicitly tagged, both in pull request comments and review comments.
Help	/gemini help	Displays a list of available commands.

Customization

To customize Gemini Code Assist for GitHub experience, repository maintainers can create a configuration file and/or provide a custom code review style guide (such as PEP-8 for Python) by creating and adding files to a .gemini/ folder in the base of the repository. Detailed instructions can be found here.

Limitations & Feedback

Gemini Code Assist may make mistakes. Please leave feedback on any instances where its feedback is incorrect or counter productive. You can react with 👍 and 👎 on @gemini-code-assist comments. If you're interested in giving your feedback about your experience with Gemini Code Assist for Github and other Google products, sign up here.

You can also get AI-powered code generation, chat, as well as code reviews directly in the IDE at no cost with the Gemini Code Assist IDE Extension.

Footnotes

1. Review the Privacy Notices, Generative AI Prohibited Use Policy, Terms of Service, and learn how to configure Gemini Code Assist in GitHub here. Gemini can make mistakes, so double check it and use code with caution. ↩

[gemini-code-assist]

Code Review

마이페이지의 책 이야기 목록을 API와 연동하는 변경 사항을 확인했습니다. 무한 스크롤 구현을 위해 react-query의 useInfiniteQuery와 react-intersection-observer를 사용한 점이 좋습니다. API 연동을 위한 훅, 서비스, 엔드포인트 추가도 적절하게 이루어졌습니다.
한 가지 개선점을 제안했습니다. MyBookStoryList 컴포넌트에서 API로부터 받은 데이터의 타입 정의를 신뢰하여 불필요한 옵셔널 체이닝과 fallback 로직을 제거하면 코드의 가독성과 안정성을 높일 수 있을 것입니다.