[FEAT] 데모데이용 복원용 사진 다운로드 페이지 by MlNTYS · Pull Request #261 · Finders-Official/FE

MlNTYS · 2026-02-19T18:19:44Z

🔀 Pull Request Title

모데이용 복원용 사진 다운로드 페이지 구현

Closes [FEAT] 데모데이용 복원용 사진 다운로드 페이지 #258

📌 PR 설명

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

복원용 사진 몇개 찾기
모데이용 복원용 사진 다운로드 페이지

📷 스크린샷

vercel · 2026-02-19T18:19:49Z

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

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

gemini-code-assist · 2026-02-19T18:20:02Z

Summary of Changes

Hello @MlNTYS, 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은 데모데이 시연을 위한 특별한 페이지를 구현하여 사용자들이 로그인 여부와 관계없이 샘플 사진으로 AI 복원 기능을 쉽게 체험할 수 있도록 합니다. 이를 통해 제품의 핵심 기능을 효과적으로 선보이고, 사용자 경험을 개선하는 데 중점을 두었습니다. 페이지는 시각적으로 매력적인 애니메이션과 함께 제공되며, 로그인 후에도 사용자가 중단했던 작업을 이어서 할 수 있도록 리다이렉션 로직이 통합되었습니다.

Highlights

데모데이 페이지 추가: 데모데이 시연을 위한 복원용 사진 다운로드 페이지가 새로 추가되었습니다. 이 페이지는 사용자가 샘플 이미지를 통해 사진 복원 기능을 체험할 수 있도록 합니다.
CSS 애니메이션 및 스타일: 데모데이 페이지의 시각적 효과를 위해 페이드인, 슬라이드업, 리빌, 틴트 등의 새로운 CSS 애니메이션과 필름 스트립 스타일이 index.css에 추가되었습니다.
로그인 후 리다이렉션 처리: 카카오 로그인 콜백 로직이 개선되어, 데모데이 페이지에서 로그인하지 않은 상태로 복원 기능을 시도했을 때 로그인 후 원래 페이지로 자동 리다이렉션되도록 처리되었습니다.
라우팅 설정: 새로 추가된 데모데이 페이지를 위한 라우팅('/demo-day')이 Router.tsx에 정의되었습니다.

🧠 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/index.css
- 데모데이 페이지에 사용될 페이드인, 슬라이드업, 리빌, 틴트 애니메이션 키프레임 및 관련 CSS 클래스가 추가되었습니다.
- 필름 스트립 모양의 배경 및 그림자 스타일이 추가되었습니다.
src/pages/auth/KakaoCallbackPage.tsx
- 로그인 후 리다이렉션 경로를 처리하기 위한 consumeRedirectAfterLogin 유틸리티 함수가 임포트되었습니다.
- 기존 회원 로그인 성공 시, 저장된 리다이렉션 경로가 있다면 해당 경로로 이동하도록 로직이 수정되었습니다.
src/pages/demoDay/DemoDayPage.tsx
- 데모데이 시연을 위한 새로운 페이지 컴포넌트가 추가되었습니다.
- 샘플 이미지 목록과 각 이미지에 대한 복원 버튼이 구현되었습니다.
- 로그인 상태에 따라 복원 에디터로 이동하거나 로그인 모달을 열고 로그인 후 리다이렉션을 설정하는 로직이 포함되었습니다.
- 필름 프레임과 스프로킷 레일 컴포넌트가 정의되어 시각적으로 필름과 같은 UI를 제공합니다.
src/pages/demoDay/redirectAfterLogin.ts
- 로그인 후 특정 경로로 리다이렉션하기 위한 setRedirectAfterLogin 및 consumeRedirectAfterLogin 유틸리티 함수가 추가되었습니다.
- 리다이렉션 데이터는 세션 스토리지에 저장되며, TTL(Time To Live)이 적용되어 일정 시간 후 만료됩니다.
src/router/Router.tsx
- 새로운 DemoDayPage 컴포넌트가 임포트되었습니다.
- 데모데이 페이지('/demo-day')로의 라우팅 경로가 추가되었습니다.

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

데모데이용 복원 사진 다운로드 페이지 구현을 위한 PR 잘 보았습니다. 전반적으로 새로운 기능이 잘 구현되었고, 특히 데모 페이지의 애니메이션과 사용자 경험에 대한 세심한 처리가 돋보입니다. 로그인 후 리다이렉션 처리 로직도 견고하게 작성되었습니다. 코드 유지보수성을 높이기 위해 한 가지 제안 사항을 남겼으니 확인 부탁드립니다.

gemini-code-assist · 2026-02-19T18:21:11Z

src/pages/demoDay/DemoDayPage.tsx

+const DEMO_IMAGES = [
+  { src: "/demo-day/restore1.jpg", label: "사진 1" },
+  { src: "/demo-day/restore2.jpg", label: "사진 2" },
+  { src: "/demo-day/restore3.jpg", label: "사진 3" },
+  { src: "/demo-day/restore4.jpg", label: "사진 4" },
+] as const;
+
+const FRAME_CODES = ["15", "16", "17", "18"];


DEMO_IMAGES와 FRAME_CODES가 별도의 배열로 관리되고 있어, 향후 이미지 추가/삭제 시 두 배열을 함께 수정해야 하는 번거로움이 있고 실수로 동기화가 맞지 않을 경우 버그가 발생할 수 있습니다.

데이터의 일관성을 유지하고 유지보수성을 높이기 위해, DEMO_IMAGES 배열에 frameCode를 포함시키는 것을 제안합니다. 이렇게 하면 관련 데이터를 하나의 객체로 묶어 관리할 수 있습니다.

const DEMO_IMAGES = [ { src: "/demo-day/restore1.jpg", label: "사진 1", frameCode: "15" }, { src: "/demo-day/restore2.jpg", label: "사진 2", frameCode: "16" }, { src: "/demo-day/restore3.jpg", label: "사진 3", frameCode: "17" }, { src: "/demo-day/restore4.jpg", label: "사진 4", frameCode: "18" }, ] as const;

이렇게 변경하면 FRAME_CODES 상수는 더 이상 필요하지 않으며, FilmFrame 컴포넌트에 frameCode를 전달하는 부분(102행)과 FilmFrameProps 타입(135행)도 함께 수정해야 합니다.

Suggested change

const DEMO_IMAGES = [

{ src: "/demo-day/restore1.jpg", label: "사진 1" },

{ src: "/demo-day/restore2.jpg", label: "사진 2" },

{ src: "/demo-day/restore3.jpg", label: "사진 3" },

{ src: "/demo-day/restore4.jpg", label: "사진 4" },

] as const;

const FRAME_CODES = ["15", "16", "17", "18"];

const DEMO_IMAGES = [

{ src: "/demo-day/restore1.jpg", label: "사진 1", frameCode: "15" },

{ src: "/demo-day/restore2.jpg", label: "사진 2", frameCode: "16" },

{ src: "/demo-day/restore3.jpg", label: "사진 3", frameCode: "17" },

{ src: "/demo-day/restore4.jpg", label: "사진 4", frameCode: "18" },

] as const;

한번쓰고 지울거라..

feat: 데모데이용 사진 다운로드 페이지 바이브있게 구현(#258)

d3498fb

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

MlNTYS self-assigned this Feb 19, 2026

MlNTYS added the feature 새 기능 추가 label Feb 19, 2026

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

[FEAT] 데모데이용 복원용 사진 다운로드 페이지 #258

Closed

2 tasks

gemini-code-assist bot reviewed Feb 19, 2026

View reviewed changes

jeonbinggu approved these changes Feb 20, 2026

View reviewed changes

MlNTYS merged commit e4480e6 into develop Feb 20, 2026
3 checks passed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

[FEAT] 데모데이용 복원용 사진 다운로드 페이지#261

[FEAT] 데모데이용 복원용 사진 다운로드 페이지#261
MlNTYS merged 1 commit intodevelopfrom
feat/demo-day-page(#258)

MlNTYS commented Feb 19, 2026

Uh oh!

vercel bot commented Feb 19, 2026

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!

MlNTYS Feb 19, 2026

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

Conversation

MlNTYS commented Feb 19, 2026

🔀 Pull Request Title

📌 PR 설명

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

📷 스크린샷

Uh oh!

vercel bot commented Feb 19, 2026

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!

MlNTYS Feb 19, 2026

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants