Skip to content

hom-add-func-56 <- hom-add-func#56#69

Merged
YeoEunnn merged 6 commits intofeat/hom-add-func-56from
feat/hom-add-func#56
Jan 23, 2026
Merged

hom-add-func-56 <- hom-add-func#56#69
YeoEunnn merged 6 commits intofeat/hom-add-func-56from
feat/hom-add-func#56

Conversation

@YeoEunnn
Copy link
Collaborator

📌 관련 이슈

✨ 변경 내용

  • 커밋 옮기기용 PR입니다

💡 참고 사항

스크린샷, 참고 링크, 추가 설명 등 (없으면 생략 가능)

@YeoEunnn YeoEunnn self-assigned this Jan 23, 2026
@gemini-code-assist
Copy link
Contributor

Summary of Changes

Hello @YeoEunnn, I'm Gemini Code Assist1! 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은 프로젝트 목록을 표시하는 방식에 유연성을 더하고 사용자 경험을 개선하기 위한 변경 사항을 포함합니다. 새로운 CardViewListView 공통 컴포넌트를 도입하여 프로젝트 목록을 카드형 또는 리스트형으로 전환하여 볼 수 있는 기능을 구현했습니다. 또한, FileDropzone 컴포넌트의 드래그 이벤트 처리 로직을 개선하여 안정성을 높였으며, 프로젝트 삭제 시 사용자에게 확인을 요청하는 모달을 추가하여 실수로 인한 데이터 손실을 방지합니다.

Highlights

  • 새로운 공통 컴포넌트 추가: 프로젝트 목록을 카드형 또는 리스트형으로 유연하게 표시할 수 있는 CardViewListView 제네릭 컴포넌트가 추가되었습니다.
  • FileDropzone 드래그 이벤트 처리 개선: FileDropzone 컴포넌트에서 드래그 이벤트를 더 안정적으로 처리하기 위해 dragCounter를 도입하고 이벤트 핸들러 로직을 개선했습니다.
  • 프로젝트 목록 보기 모드 전환 기능: 홈 페이지의 프로젝트 섹션에서 프로젝트 목록을 카드형 또는 리스트형으로 전환하여 볼 수 있는 기능이 구현되었습니다.
  • 프로젝트 삭제 확인 모달 추가: 프로젝트 삭제 시 사용자에게 확인을 요청하는 모달이 추가되어 실수로 인한 데이터 손실을 방지합니다.
  • 타입 정의 및 컴포넌트 구조 개선: CardItems 타입이 ProjectItem으로 변경되었고, 관련 컴포넌트들이 새로운 타입과 보기 모드 prop을 사용하도록 업데이트되었습니다.
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.

Copy link
Contributor

@gemini-code-assist gemini-code-assist bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Code Review

이 PR은 홈페이지의 프로젝트 목록에 카드 보기와 리스트 보기 모드를 추가하는 기능 구현을 포함하고 있습니다. 재사용 가능한 CardViewListView 컴포넌트를 도입하고, FileDropzone의 드래그 앤 드롭 기능을 개선하는 등 전반적으로 코드 품질과 구조가 뛰어납니다. 프로젝트 삭제 기능과 확인 모달 구현도 깔끔하게 잘 처리되었습니다. 한 가지 개선점을 제안드렸지만, 전체적으로 훌륭한 변경 사항입니다.

Comment on lines 70 to 77
<div className="mt-6 flex flex-col gap-3">
{Array.from({ length: SKELETON_LIST_COUNT }).map((_, index) => (
<div
key={index}
className="h-20 rounded-2xl border border-gray-200 bg-white p-4 animate-pulse"
/>
))}
</div>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

medium

리스트 뷰의 로딩 스켈레톤 UI가 인라인으로 작성되어 있습니다. ProjectCardSkeleton처럼 별도의 ProjectListItemSkeleton 컴포넌트로 분리하면 코드의 일관성과 재사용성을 높일 수 있을 것 같습니다. 예를 들어, src/components/projects/ 디렉토리에 ProjectListSkeleton.tsx 파일을 만들어 관리하는 것을 고려해 보세요.

@github-actions github-actions bot added component 컴포넌트 관련 변경 hooks 커스텀 훅 변경 labels Jan 23, 2026
@YeoEunnn YeoEunnn merged commit a32d8a9 into feat/hom-add-func-56 Jan 23, 2026
1 of 2 checks passed
@YeoEunnn YeoEunnn deleted the feat/hom-add-func#56 branch January 23, 2026 13:10
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

component 컴포넌트 관련 변경 hooks 커스텀 훅 변경

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants