fix : 사진상세 하단 swiper가 pc에서도 잘 뜨게 수정

[caseBread]

요약

구현 사항

• [ ]
• [ ]
• [ ]
• [ ]

📸 스크린샷

• 현재는 PC에서 하단 swiper가 뜨지않는 현상이 있음.

Need Review

• ~ 부분 이렇게 구현했어요, 피드백 부탁해요!

Reference

📜 리뷰 규칙

Reviewer는 아래 P5 Rule을 참고하여 리뷰를 진행합니다.
P5 Rule을 통해 Reviewer는 Reviewee에게 리뷰의 의도를 보다 정확히 전달할 수 있습니다.

• P1: 꼭 반영해주세요 (Comment)
• P2: 적극적으로 고려해주세요 (Comment)
• P3: 웬만하면 반영해 주세요 (Comment)
• P4: 반영해도 좋고 넘어가도 좋습니다 (Approve)
• P5: 그냥 사소한 의견입니다 (Approve)

[vercel]

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

Project	Deployment	Preview	Comments	Updated (UTC)
fe	Ready	Preview	Comment	Nov 28, 2025 5:21am

[gemini-code-assist]

Summary of Changes

Hello @caseBread, 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은 사진 상세 페이지의 하단 Swiper가 PC 환경에서 제대로 표시되지 않던 문제를 해결합니다. 기존의 슬라이드 위치 조정 로직을 임시로 비활성화하고, Swiper 컴포넌트의 설정을 변경하여 슬라이드가 중앙에 오도록 함으로써 다양한 화면 크기에서 일관된 사용자 경험을 제공하고자 합니다.

Highlights

• PC Swiper 표시 문제 해결: 사진 상세 페이지 하단의 Swiper가 PC 환경에서 올바르게 표시되지 않던 문제를 수정했습니다.
• Swiper 로직 변경: 썸네일 Swiper의 activeIndex 위치를 조정하고 thumbOffset을 설정하던 useEffect 훅을 임시로 비활성화했습니다. 이는 향후 고도화될 예정입니다.
• Swiper 설정 업데이트: Swiper 컴포넌트에서 slidesOffsetBefore 및 slidesOffsetAfter 속성을 제거하고, 대신 centeredSlides 속성을 추가하여 슬라이드 정렬 방식을 변경했습니다.

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

사진 상세 페이지 하단 썸네일 스와이퍼가 PC에서도 잘 보이도록 수정한 점이 좋습니다. Swiper의 내장 centeredSlides 속성을 사용하여 기존의 복잡했던 수동 중앙 정렬 로직을 제거하고 코드를 단순화한 것이 인상적입니다. 다만, 이 과정에서 더 이상 사용되지 않는 코드(dead code)가 일부 남게 되었습니다. 해당 부분들을 정리하면 코드 유지보수성이 더욱 향상될 것입니다. 아래에 자세한 리뷰를 남겼습니다.