feat: 배포 도메인 확인을 위한 develop 브랜치 작업내용 머지

[heeeeyong]

이하동일

Summary by CodeRabbit

• 신규 기능

  • 다양한 페이지 및 컴포넌트가 대거 추가되어 피드, 그룹, 기록장, 검색, 마이페이지 등 주요 기능을 제공합니다.
  • 피드 및 그룹의 상세 보기, 무한 스크롤, 댓글, 팔로우, 저장, 그룹 생성/검색/추천, 책 검색, 기록 작성, 투표 생성 등 다양한 상호작용이 가능합니다.
  • 모달, 스낵바, 팝업, 바텀시트 등 다양한 팝업 UI와 알림, 프로필, 설정, 탈퇴 등 마이페이지 기능이 포함되었습니다.
  • 디자인 토큰, 글로벌 스타일, 폰트 적용 등 일관된 테마와 스타일링이 적용되었습니다.
  • 다수의 목업 데이터와 타입 정의, 훅, 스토어가 추가되어 풍부한 테스트와 확장성을 지원합니다.

• 스타일

  • 글로벌 테마, 폰트, 컬러 시스템, 반응형 레이아웃 등 전체 UI 스타일이 개선되었습니다.

• 문서화

  • 타입스크립트 타입, 인터페이스, 목업 데이터 등 다양한 데이터 구조가 명확하게 정의되었습니다.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
thip	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Aug 3, 2025 3:09pm

[coderabbitai]

Caution

Review failed

The pull request is closed.

Walkthrough

이 변경사항은 대규모 신규 기능 개발 및 리팩토링을 포함합니다. 다양한 도메인(피드, 그룹, 메모리, 검색, 마이페이지 등)에 걸쳐 수십 개의 React 컴포넌트, 스타일드 컴포넌트, 타입 정의, API 유틸리티, Zustand 기반 전역 상태 관리, 목(mock) 데이터, 글로벌 스타일 시스템, 라우팅 확장, 폰트 및 디자인 토큰 시스템 도입 등이 이루어졌습니다.

Changes

Cohort / File(s)	Change Summary
환경설정 및 의존성 .gitignore, package.json, src/main.css	.env.local gitignore 추가, 주요 라이브러리 및 타입 의존성 추가, 폰트 스타일시트 import
글로벌 스타일 및 폰트 src/styles/fonts.css, src/styles/global/global.ts	폰트 페이스 및 글로벌 폰트 패밀리, 디자인 토큰, CSS 변수, 타이포그래피 시스템 도입
공통 타입 및 데이터 구조 src/types/*, src/data/*	도메인별 타입(책, 장르, 피드, 유저, 오늘의 한마디 등) 및 목 데이터 추가
API 유틸리티 및 상태 관리 src/api/*, src/stores/*, src/hooks/*	axios 기반 API 클라이언트, 토큰 매니저, 피드 조회 API, 팝업/댓글 전역 상태(Zustand), 커스텀 훅 추가
라우팅 및 페이지 엔트리 src/pages/index.tsx	다양한 신규 페이지 라우트 및 ScrollToTop 적용
피드 기능 src/components/feed/*, src/pages/feed/*, src/types/post.ts	피드/포스트/댓글/프로필/팔로우/탭바 등 피드 관련 컴포넌트 및 상세 페이지, 무한 스크롤, 목 데이터 연동
그룹 기능 src/components/group/*, src/pages/group/*, src/pages/groupDetail/*, src/pages/groupSearch/*	그룹 카드/캐러셀/모달/상세/생성/검색 등 그룹 관련 UI 및 상태 관리
메모리(기록장) 기능 src/components/memory/*, src/pages/memory/*	기록장 탭/필터/정렬/레코드/투표/페이지 범위/스낵바 등 메모리 기능 컴포넌트, 상태, 스타일
포스트 작성 기능 src/components/createpost/*, src/pages/post/*	포스트 작성, 사진 업로드, 태그 선택, 프라이버시 토글 등 UI 및 상태 관리
레코드 작성 기능 src/components/recordwrite/*, src/pages/recordwrite/*	독서 기록 작성, 페이지 범위, 전체평 토글, 음성 토글 등 UI 및 상태 관리
투표 작성 기능 src/components/pollwrite/*, src/pages/pollwrite/*	투표 생성, 옵션 추가/삭제, 페이지 범위, 전체평 토글 등 UI 및 상태 관리
검색 기능 src/components/search/*, src/pages/search/*, src/pages/searchBook/*	책/그룹/유저 검색, 최근 검색어, 인기 검색, 검색 결과, 책 신청 등 검색 관련 UI
오늘의 한마디 src/components/today-words/*, src/pages/today-words/*, src/constants/today-constants.ts	메시지 입력/리스트/액션 바텀시트/빈 상태 등 오늘의 한마디 기능
마이페이지 src/pages/mypage/*, src/components/Mypage/MenuButton.tsx	프로필, 알림, 저장함, 편집, 탈퇴 등 마이페이지 관련 UI 및 상태
회원가입 src/pages/signup/*	회원가입 단계별 UI, 장르 선택, 닉네임 입력, 완료 페이지 등
기타 공통 컴포넌트 src/components/common/*	헤더, 네비게이션 바, FAB, 필터, 모달, 스낵바, 공백, 스크롤탑 등 다양한 공통 UI

Sequence Diagram(s)

sequenceDiagram
  participant User
  participant App
  participant Router
  participant API
  participant Store

  User->>App: 앱 진입
  App->>Router: 라우트 결정
  Router->>App: 해당 페이지 컴포넌트 렌더링
  App->>Store: 전역 상태(팝업, 댓글 등) 구독
  App->>API: 데이터 요청(피드/그룹/기록 등)
  API-->>App: 응답(목 데이터 fallback 포함)
  App->>User: UI 렌더(컴포넌트, 스타일, 모달 등)
  User->>App: 상호작용(작성, 토글, 검색 등)
  App->>Store: 상태 갱신(댓글, 팝업 등)
  App->>API: 데이터 전송(작성, 좋아요 등)
  API-->>App: 결과 응답
  App->>User: 피드백(스낵바, 모달 등)

Loading

Estimated code review effort

🎯 5 (Critical) | ⏱️ ~90+ minutes

• Complexity: 신규 기능 대거 추가, 디자인 시스템 도입, 상태 관리, API 연동, 목 데이터, 라우팅, 다양한 UI/UX 흐름 및 예외 처리 등 전방위적 검토 필요

Possibly related PRs

• #19: public/genres.json 파일 및 장르 데이터 추가와 직접적으로 동일한 변경사항이 포함되어 있습니다.
• #29: 피드 기능(FeedPost, MyFeed, TotalFeed 등) 및 관련 타입/컴포넌트 추가와 직접적으로 연관된 PR입니다.
• #32: "그룹 만들기" 페이지 및 커스텀 3D 날짜 휠 등 그룹 생성 관련 기능 구현과 직접적으로 동일한 변경이 포함되어 있습니다.

Suggested reviewers

• ho0010

Poem

🐰
새싹처럼 자란 기능들,
피드, 그룹, 기록장, 모두 한가득!
스타일도 예쁘게, 폰트도 반짝,
팝업에 스낵바, 댓글도 척척.
토끼는 신나서 깡총깡총,
코드 숲 속을 달려가요!

── 🥕✨

Note

⚡️ Unit Test Generation is now available in beta!

Learn more here, or try it out under "Finishing Touches" below.

✨ Finishing Touches

• 📝 Generate Docstrings

🧪 Generate unit tests

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch develop

---

🪧 Tips

Chat

There are 3 ways to chat with CodeRabbit:

• Review comments: Directly reply to a review comment made by CodeRabbit. Example:
  • I pushed a fix in commit <commit_id>, please review it.
  • Explain this complex logic.
  • Open a follow-up GitHub issue for this discussion.
• Files and specific lines of code (under the "Files changed" tab): Tag @coderabbitai in a new review comment at the desired location with your query. Examples:
  • @coderabbitai explain this code block.
  • @coderabbitai modularize this function.
• PR comments: Tag @coderabbitai in a new PR comment to ask questions about the PR branch. For the best results, please provide a very specific query, as very limited context is provided in this mode. Examples:
  • @coderabbitai gather interesting stats about this repository and render them as a table. Additionally, render a pie chart showing the language distribution in the codebase.
  • @coderabbitai read src/utils.ts and explain its main purpose.
  • @coderabbitai read the files in the src/scheduler package and generate a class diagram using mermaid and a README in the markdown format.
  • @coderabbitai help me debug CodeRabbit configuration file.

Support

Need help? Create a ticket on our support page for assistance with any issues or questions.

Note: Be mindful of the bot's finite context window. It's strongly recommended to break down tasks such as reading entire modules into smaller chunks. For a focused discussion, use review comments to chat about specific files and their changes, instead of using the PR comments.

CodeRabbit Commands (Invoked using PR comments)

• @coderabbitai pause to pause the reviews on a PR.
• @coderabbitai resume to resume the paused reviews.
• @coderabbitai review to trigger an incremental review. This is useful when automatic reviews are disabled for the repository.
• @coderabbitai full review to do a full review from scratch and review all the files again.
• @coderabbitai summary to regenerate the summary of the PR.
• @coderabbitai generate docstrings to generate docstrings for this PR.
• @coderabbitai generate sequence diagram to generate a sequence diagram of the changes in this PR.
• @coderabbitai generate unit tests to generate unit tests for this PR.
• @coderabbitai resolve resolve all the CodeRabbit review comments.
• @coderabbitai configuration to show the current CodeRabbit configuration for the repository.
• @coderabbitai help to get help.

Other keywords and placeholders

• Add @coderabbitai ignore anywhere in the PR description to prevent this PR from being reviewed.
• Add @coderabbitai summary to generate the high-level summary at a specific location in the PR description.
• Add @coderabbitai anywhere in the PR title to generate the title automatically.

CodeRabbit Configuration File (.coderabbit.yaml)

• You can programmatically configure CodeRabbit by adding a .coderabbit.yaml file to the root of your repository.
• Please see the configuration documentation for more information.
• If your editor has YAML language server enabled, you can add the path at the top of this file to enable auto-completion and validation: # yaml-language-server: $schema=https://coderabbit.ai/integrations/schema.v2.json

Documentation and Community

• Visit our Documentation for detailed information on how to use CodeRabbit.
• Join our Discord Community to get help, request features, and share feedback.
• Follow us on X/Twitter for updates and announcements.