[REFACTOR] 사진수다 4차 QA 반영 by dodaaaaam · Pull Request #260 · Finders-Official/FE

dodaaaaam · 2026-02-19T08:49:32Z

🔀 Pull Request Title

사진수다 4차 QA 반영

Closes [REFACTOR] 사진수다 4차 QA 반영 #254

📌 PR 설명

이번 PR에서 어떤 작업을 했는지 요약해주세요.

TC-CO-0071 검색 결과 화면 상하 스크롤 시 헤더 고정
TC-CO-014 필터링 기준 변경 적용 로직 수정
TC-CO-036 CO-023 ~ 025 CTA 위치 수정
TC-CO-060 게시글 뷰 화면 좋아요 댓글 위치 수정

vercel · 2026-02-19T08:49:36Z

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

Project	Deployment	Actions	Updated (UTC)
finders	Ready	Preview, Comment	Feb 19, 2026 9:19am

gemini-code-assist · 2026-02-19T08:49:53Z

Summary of Changes

Hello @dodaaaaam, 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은 '사진수다' 기능의 4차 QA 피드백을 반영하기 위한 리팩토링으로, 사용자 인터페이스 및 경험 개선에 중점을 둡니다. 주요 변경 사항으로는 검색 기능에 임시 필터 선택 메커니즘을 도입하여 사용성을 높이고, 모바일 기기에서 안전 영역 패딩을 조정하여 UI 요소가 올바르게 표시되도록 하며, 다양한 사진 관련 페이지에서 레이아웃과 간격을 세밀하게 조정하는 작업이 포함됩니다.

Highlights

검색 필터 기능 개선: 사진 피드 검색 페이지에서 필터 선택 시 임시 상태(tempFilter)를 사용하여, 사용자가 바텀 시트에서 필터를 선택해도 즉시 적용되지 않고 확인 버튼을 눌러야만 실제 필터가 업데이트되도록 변경되었습니다.
모바일 안전 영역 UI 조정: FindPhotoLabPage와 ReviewPhotoLabPage의 하단 고정 버튼 영역에 모바일 기기의 안전 영역(safe-area-inset-bottom)을 고려한 패딩이 추가되어, UI 요소가 가려지지 않도록 개선되었습니다.
검색 페이지 UI 고정 및 레이아웃 조정: PhotoFeedSearchPage에서 검색 바와 검색 결과 요약 섹션이 페이지 상단에 고정되도록 변경되었으며, '최근 검색어' 섹션의 상단 여백이 조정되었습니다.
게시글 상세 페이지 레이아웃 개선: PostPage에서 프로필 및 포토 캐러셀 주변의 간격, 게시글 제목과 내용 사이의 간격, 그리고 랩 리뷰 상세 정보의 스타일(간격 및 폰트 두께)이 조정되었습니다.

🧠 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/pages/photoFeed/FindPhotoLabPage.tsx
- 하단 고정 버튼 영역의 패딩을 모바일 안전 영역에 맞춰 조정했습니다.
src/pages/photoFeed/PhotoFeedSearchPage.tsx
- useEffect 훅을 추가로 임포트했습니다.
- 필터 선택을 위한 임시 상태 변수 tempFilter를 추가했습니다.
- 바텀 시트가 열릴 때 tempFilter를 filter와 동기화하는 useEffect 훅을 구현했습니다.
- '최근 검색어' 섹션에 상단 여백을 추가했습니다.
- 검색 바와 검색 결과 요약 섹션을 페이지 상단에 고정되도록 변경했습니다.
- SelectFilter 컴포넌트가 tempFilter를 사용하도록 수정했습니다.
- 바텀 시트 확인 시 tempFilter 값을 실제 filter 상태에 적용하도록 로직을 추가했습니다.
src/pages/photoFeed/PostPage.tsx
- 프로필 및 포토 캐러셀 컴포넌트 주변의 간격을 조정했습니다.
- 게시글 제목과 내용 사이의 간격을 줄였습니다.
- 랩 리뷰 상세 정보의 간격 및 폰트 스타일을 업데이트했습니다.
- 메인 페이지 컨테이너의 상단 패딩을 제거했습니다.
src/pages/photoFeed/ReviewPhotoLabPage.tsx
- 하단 고정 버튼 영역의 패딩을 모바일 안전 영역에 맞춰 조정했습니다.

Activity

현재까지 사람의 활동은 없습니다.

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.

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

사진수다 4차 QA 반영을 위한 리팩토링 작업이네요. 전반적으로 UI/UX를 개선하기 위한 변경 사항들이 인상적입니다. 특히 iOS 기기의 safe area를 고려한 레이아웃 조정과 검색 필터 기능의 사용자 경험 개선이 돋보입니다. 코드 리뷰 중 몇 가지 추가 개선점을 발견하여 코멘트를 남겼습니다. 주로 검색 페이지의 고정 헤더 도입에 따른 레이아웃 문제와 스타일 클래스명 오타에 관한 내용이니 확인 후 반영해주시면 좋겠습니다.

gemini-code-assist · 2026-02-19T08:51:26Z

src/pages/photoFeed/PhotoFeedSearchPage.tsx

+      <div className="fixed top-0 right-0 left-0 z-40 mx-4 bg-neutral-900">
+        {/* SearchBar */}
+        <div className="mt-3 mb-5">
+          <SearchBar {...searchBarProps} />
+        </div>
+
+        {/* 검색 결과 n개 + 필터링 (result 모드일 때만 고정) */}
+        {mode === "result" && (
+          <div className="mb-4 flex flex-col gap-4">
+            <div className="flex items-center justify-between">
+              <div className="flex items-center gap-2">
+                <h2 className="text-[1rem] leading-[155%] font-semibold tracking-[-0.02em] text-neutral-100">
+                  검색 결과
+                </h2>
+                <p className="text-[1rem] font-light text-neutral-100">
+                  {totalCount}개
+                </p>
+              </div>
+              <button
+                type="button"
+                onClick={() => {
+                  setBottomSheetOpen(true);
+                }}
+                className="flex items-center gap-[6px] text-[0.875rem] leading-[155%] font-normal tracking-[-0.02em] text-neutral-400"
+              >
+                <span>{FILTER_LABEL[filter]}</span>
+                <ChevronLeftIcon className="h-4 w-4 rotate-[-90deg] text-neutral-200" />
+              </button>
+            </div>
+          </div>
+        )}
      </div>


검색 바와 필터링 UI를 상단에 고정하여 사용성을 개선한 점이 좋습니다. 다만 이 변경으로 인해 몇 가지 레이아웃 문제가 발생한 것으로 보입니다.

UI 중복 렌더링: mode === 'result'일 때 '검색 결과' 헤더가 현재 이 고정 컴포넌트와 renderResult 함수(301-320 라인) 양쪽에서 렌더링되어 화면에 중복으로 표시됩니다. renderResult 함수 내에서 해당 부분을 제거해야 합니다.

콘텐츠 가려짐 문제: renderRecent에 mt-20을 추가하여 콘텐츠가 가려지는 문제를 해결하셨지만, renderRelated와 renderResult에서는 여전히 콘텐츠가 고정 헤더에 의해 가려집니다. 이 두 경우에도 적절한 margin-top을 추가하여 레이아웃을 수정해야 합니다. 특히 result 모드는 헤더의 높이가 더 크므로 더 큰 마진이 필요합니다.

gemini-code-assist · 2026-02-19T08:51:26Z

src/pages/photoFeed/PostPage.tsx

                  <div className="flex items-center gap-2">
                    <HomeIcon className="h-4 w-4 font-semibold" />
-                    <p className="text-[1rem] font-semibold text-neutral-200">
+                    <p className="font-Medium text-[1rem] text-neutral-200">


Tailwind CSS 클래스명에 오타가 있는 것 같습니다. font-Medium은 표준 클래스가 아니므로, 의도하신 대로 폰트 굵기를 적용하려면 font-medium으로 수정해야 합니다.

Suggested change

<p className="font-Medium text-[1rem] text-neutral-200">

<p className="font-medium text-[1rem] text-neutral-200">

MlNTYS · 2026-02-19T16:18:13Z

src/pages/photoFeed/PhotoFeedSearchPage.tsx

SHOULD: 슬슬 이쪽에 의존성이 너무 많아지는 거 같아서.. 몇몇 기능은 분리해도 좋을 거 같습니당

MlNTYS

수고하셨습니다! 추후에 SearchPage 쪽 hook 분리 고려 부탁드려요!

dodaaaaam added 5 commits February 12, 2026 23:26

refactor: TC-CO-060 게시글 뷰 화면 좋아요 댓글 위치 수정(#254)

df7af08

chore: CO-0232 ~ CO-025 CTA 버튼 위치 수정(#254)

6905970

refactor: 헤더 고정 1차 구현(#254)

9ff4c5b

fix: 필터링 적용 로직 수정(#254)

2c41943

chore: 충돌 해결(#254)

9ac731a

dodaaaaam linked an issue Feb 19, 2026 that may be closed by this pull request

[REFACTOR] 사진수다 4차 QA 반영 #254

Closed

5 tasks

dodaaaaam requested review from MlNTYS, hyunseo-han and jeonbinggu February 19, 2026 08:50

gemini-code-assist bot reviewed Feb 19, 2026

View reviewed changes

fix: 제미나이 코드리뷰 반영(#254)

e7aa591

vercel bot deployed to Preview February 19, 2026 09:19 View deployment

MlNTYS reviewed Feb 19, 2026

View reviewed changes

MlNTYS approved these changes Feb 19, 2026

View reviewed changes

jeonbinggu approved these changes Feb 20, 2026

View reviewed changes

jeonbinggu merged commit 3611998 into develop Feb 20, 2026
3 checks passed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

[REFACTOR] 사진수다 4차 QA 반영#260

[REFACTOR] 사진수다 4차 QA 반영#260
jeonbinggu merged 6 commits intodevelopfrom
refactor/photo-feed-QA-04(#254)

dodaaaaam commented Feb 19, 2026 •

edited

Loading

Uh oh!

vercel bot commented Feb 19, 2026 •

edited

Loading

Uh oh!

gemini-code-assist bot commented Feb 19, 2026

Uh oh!

gemini-code-assist bot left a comment

Uh oh!

gemini-code-assist bot Feb 19, 2026

Uh oh!

dodaaaaam Feb 19, 2026

Uh oh!

gemini-code-assist bot Feb 19, 2026

Uh oh!

dodaaaaam Feb 19, 2026

Uh oh!

MlNTYS Feb 19, 2026

Uh oh!

MlNTYS left a comment

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

	<p className="font-Medium text-[1rem] text-neutral-200">
	<p className="font-medium text-[1rem] text-neutral-200">

Conversation

dodaaaaam commented Feb 19, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

🔀 Pull Request Title

📌 PR 설명

이번 PR에서 어떤 작업을 했는지 요약해주세요.

Uh oh!

vercel bot commented Feb 19, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

gemini-code-assist bot commented Feb 19, 2026

Summary of Changes

Highlights

Footnotes

Uh oh!

gemini-code-assist bot left a comment

Choose a reason for hiding this comment

Code Review

Uh oh!

gemini-code-assist bot Feb 19, 2026

Choose a reason for hiding this comment

Uh oh!

dodaaaaam Feb 19, 2026

Choose a reason for hiding this comment

Uh oh!

gemini-code-assist bot Feb 19, 2026

Choose a reason for hiding this comment

Uh oh!

dodaaaaam Feb 19, 2026

Choose a reason for hiding this comment

Uh oh!

MlNTYS Feb 19, 2026

Choose a reason for hiding this comment

Uh oh!

MlNTYS left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

dodaaaaam commented Feb 19, 2026 •

edited

Loading

vercel bot commented Feb 19, 2026 •

edited

Loading