fix: QA 1차 완료

[heeeeyong]

#️⃣연관된 이슈

없음

📝작업 내용

• 로그인 후 닉네임 입력에서 뒤로가기할 시, 토큰문제로 리다이렉트가 무한루프로 돌던 문제를 발견해 해결. (토큰 타입 추가로 추후 보완예정)
• 페이지 이동시 스크롤 위치 초기화 추가(단, 피드에서는 스크롤 위치를 고정하는것이 올바르다 판단되고 브라우저 사용자를 고려하여 새탭으로 피드상세 페이지가 열리게끔 구현. 뒤로가기시 해당 탭이 닫힘)
• 스낵바 애니메이션 속도 수정 (더 빠르게)
• 회원가입 시 장르 이미지 위치 조정
• 회원가입 완료 화면을 장르 선택 페이지에서 상태를 받아오도록 수정 완료 (추후 state를 받아오는 방식에 대해 보완이 필요할 것으로 보임)
• 게시글이 길어졌을때, ...더보기 이미지 추가
• FAB버튼에 게시글 저장하기 버튼이 가리던 현상 해결
• 00명이 띱하는 중으로 멘트 수정
• 댓글 프로필이미지 사이즈 수정 (안드한테도 전달해야할듯)

📝잔여 작업 내용

• 로그아웃 이후 재 로그인시 바로 로그인 진입이 안됨 (현재확인불가)
• 작성한 댓글이 화면에 잘 보이는 위치로 스크롤이 보정되게끔 하기
• 마이페이지 > 저장 > 피드 저장 취소 후, 탭 이동했다 복귀한 상황에서 아이콘이 다시 초기화되는 현상 수정필요
• 로딩스피너 추가
• 컨텐츠 영역 양쪽 그림자 추가
• 안드로이드 설치 큐알 여백에 플로팅하기

Summary by CodeRabbit

• New Features

  • 전역 레이아웃 도입 및 페이지 전환 시 자동 스크롤 상단 이동.
  • 게시글 본문 길이 감지 후 ‘더보기’ 아이콘 표시.
  • 피드/댓글 상세를 새 탭에서 열기, 상세 뒤로가기 시 팝업 창 우선 종료.

• Style

  • 여러 피드/리스트의 너비 제한 제거, 하단 패딩 확대, z-index 및 min-height 조정.
  • 스낵바 표시 시간 단축.
  • 프로필 타이포 토큰 업데이트 및 아바타 크기 조정.
  • 회원가입 완료 화면에 선택한 별칭 아이콘/색상 반영.
  • 이미지/썸네일 레이아웃 정리 및 1px 위치 보정.

[vercel]

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

Project	Deployment	Preview	Comments	Updated (UTC)
thip	Ready	Preview	Comment	Aug 19, 2025 5:39pm

[coderabbitai]

Note

Currently processing new changes in this PR. This may take a few minutes, please wait...

📥 Commits

Reviewing files that changed from the base of the PR and between d35263b and 2f82818.

⛔ Files ignored due to path filters (1)

• src/assets/feed/lookmore.svg is excluded by !**/*.svg

📒 Files selected for processing (29)

• src/components/common/Layout.tsx (1 hunks)
• src/components/common/Modal/MoreMenu.tsx (1 hunks)
• src/components/common/Modal/Snackbar.tsx (1 hunks)
• src/components/common/Post/PostBody.tsx (4 hunks)
• src/components/common/Post/PostFooter.tsx (1 hunks)
• src/components/common/Post/PostHeader.tsx (1 hunks)
• src/components/common/Post/ReplyList.tsx (1 hunks)
• src/components/common/ScrollToTop.tsx (1 hunks)
• src/components/feed/BookInfoCard.tsx (1 hunks)
• src/components/feed/FeedDetailPost.tsx (1 hunks)
• src/components/feed/FeedDetailPostBody.tsx (0 hunks)
• src/components/feed/FeedPost.tsx (1 hunks)
• src/components/feed/FollowList.tsx (0 hunks)
• src/components/feed/MyFeed.tsx (1 hunks)
• src/components/feed/MyFollower.tsx (1 hunks)
• src/components/feed/Profile.tsx (3 hunks)
• src/components/feed/TabBar.tsx (1 hunks)
• src/components/feed/TotalBar.tsx (1 hunks)
• src/components/feed/TotalFeed.tsx (1 hunks)
• src/components/feed/UserProfileItem.tsx (2 hunks)
• src/pages/feed/FeedDetailPage.tsx (1 hunks)
• src/pages/feed/FollowerListPage.tsx (2 hunks)
• src/pages/feed/UserSearchResult.tsx (2 hunks)
• src/pages/index.tsx (3 hunks)
• src/pages/login/Login.tsx (1 hunks)
• src/pages/mypage/Mypage.tsx (1 hunks)
• src/pages/signup/Signup.styled.ts (1 hunks)
• src/pages/signup/SignupDone.tsx (2 hunks)
• src/pages/signup/SignupGenre.tsx (1 hunks)

 ___________________
< Look ma, no bugs! >
 -------------------
  \
   \   \
        \ /\
        ( )
      .( o ).

Tip

CodeRabbit can scan for known vulnerabilities in your dependencies using OSV Scanner.

OSV Scanner will automatically detect and report security vulnerabilities in your project's dependencies. No additional configuration is required.

✨ Finishing Touches

• 📝 Generate Docstrings

🧪 Generate unit tests

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch chore/minor-updates

---

🪧 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.
  • 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.
• 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 the files in the src/scheduler package and generate a class diagram using mermaid and a README in the markdown format.

Support

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

CodeRabbit Commands (Invoked using PR/Issue comments)

Type @coderabbitai help to get the list of available commands.

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

Status, Documentation and Community

• Visit our Status Page to check the current availability of CodeRabbit.
• 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.