Skip to content

LC-2844 USER 마이페이지 커리어성장 및 신청현황 칩 UI 구현#2158

Merged
yeji424 merged 6 commits intoLC-2838-Sprint-17from
LC-2844-USER-마이페이지-커리어성장-및-신청현황-칩-UI-구현
Mar 5, 2026

Hidden character warning

The head ref may contain hidden characters: "LC-2844-USER-\ub9c8\uc774\ud398\uc774\uc9c0-\ucee4\ub9ac\uc5b4\uc131\uc7a5-\ubc0f-\uc2e0\uccad\ud604\ud669-\uce69-UI-\uad6c\ud604"
Merged

LC-2844 USER 마이페이지 커리어성장 및 신청현황 칩 UI 구현#2158
yeji424 merged 6 commits intoLC-2838-Sprint-17from
LC-2844-USER-마이페이지-커리어성장-및-신청현황-칩-UI-구현

Conversation

@yeji424
Copy link
Collaborator

@yeji424 yeji424 commented Mar 5, 2026

연관 작업

@yeji424 yeji424 self-assigned this Mar 5, 2026
@github-actions github-actions bot changed the title Lc 2844 user 마이페이지 커리어성장 및 신청현황 칩 UI 구현 LC-2844 USER 마이페이지 커리어성장 및 신청현황 칩 UI 구현 Mar 5, 2026
@gemini-code-assist
Copy link

Summary of Changes

Hello, 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!

이 Pull Request는 사용자 마이페이지의 '신청현황' 및 '커리어 성장' 섹션에 카테고리 기반 필터링 시스템을 도입하여 사용자 경험을 향상시킵니다. 새로운 칩 UI를 통해 사용자는 프로그램, 가이드북, 자료집 등 다양한 콘텐츠 유형을 쉽게 탐색할 수 있습니다. 또한, 기존 코드의 모듈화를 통해 재사용성을 높이고 유지보수를 용이하게 하는 리팩토링이 포함되어 있습니다.

Highlights

  • 마이페이지 신청현황 UI 개선: 마이페이지 신청현황 페이지에 '프로그램'과 '가이드북'을 구분하는 카테고리 칩 UI가 추가되어 사용자가 원하는 항목을 쉽게 필터링할 수 있도록 개선되었습니다.
  • 커리어 성장 섹션 UI 개선: 커리어 성장 섹션에도 '프로그램', '무료 자료집', '가이드북' 카테고리 칩 UI가 적용되어, 사용자가 관심 있는 성장 프로그램을 유형별로 분류하여 볼 수 있게 되었습니다.
  • 코드 리팩토링 및 모듈화: 기존 CareerGrowthSection 컴포넌트의 프로그램 변환 로직과 리스트 렌더링 로직이 각각 careerGrowth.ts 유틸리티 파일과 CareerGrowthList.tsx 컴포넌트로 분리되어 코드의 재사용성과 유지보수성이 향상되었습니다.
  • 새로운 가이드북 섹션 추가: 마이페이지 신청현황에 GuidebookSection 컴포넌트가 새로 추가되어 가이드북 신청 목록을 별도로 관리하고 표시할 수 있게 되었습니다.
  • 재사용 가능한 UI 컴포넌트 도입: 카테고리 선택을 위한 CategoryChips 컴포넌트가 새로 개발되어 마이페이지의 여러 섹션에서 일관된 UI/UX를 제공합니다.

🧠 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/app/(user)/mypage/application/page.tsx
    • 카테고리 칩 UI를 추가하여 프로그램 및 가이드북 신청 목록을 필터링하도록 업데이트되었습니다.
    • 카테고리 관리를 위한 useState 훅이 도입되었습니다.
    • GuidebookSectionCategoryChips 컴포넌트가 임포트되었습니다.
  • src/domain/career-board/sections/CareerGrowthSection.tsx
    • 커리어 성장 프로그램 필터링을 위해 CategoryChips가 통합되었습니다.
    • 프로그램 데이터 처리 로직이 새로운 유틸리티 함수로 리팩토링되었습니다.
    • 인라인 프로그램 렌더링이 CareerGrowthList 컴포넌트로 대체되었습니다.
    • 선택된 카테고리에 데이터가 없을 때 표시할 메시지를 위한 EMPTY_CONFIG_BY_CATEGORY가 정의되었습니다.
  • src/domain/career-board/ui/CareerGrowthList.tsx
    • 커리어 성장 프로그램 목록과 세부 정보를 렌더링하는 새로운 컴포넌트가 추가되었습니다.
    • ProgramCardDashboardButton 로직이 포함되었습니다.
  • src/domain/career-board/utils/careerGrowth.ts
    • 애플리케이션 데이터를 커리어 성장 프로그램 형식으로 변환하고 정렬하는 유틸리티 파일이 추가되었습니다.
    • CareerGrowthProgram 인터페이스와 toCareerGrowthPrograms 변환 함수가 정의되었습니다.
  • src/domain/mypage/application/constants.ts
    • 애플리케이션 카테고리 유형 및 옵션을 위한 새로운 상수가 추가되었습니다.
  • src/domain/mypage/application/section/GuidebookSection.tsx
    • 가이드북 신청 목록을 표시하는 새로운 섹션 컴포넌트가 추가되었습니다.
    • 모바일 캐러셀과 '더보기' 버튼 기능이 포함되었습니다.
    • 가이드북이 없을 경우의 UI 처리가 구현되었습니다.
  • src/domain/mypage/ui/button/CategoryChips.tsx
    • 카테고리 선택을 위한 재사용 가능한 CategoryChips 컴포넌트가 추가되었습니다.
Activity
  • yeji424 님이 이 Pull Request를 생성했습니다.
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

@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

이번 풀 리퀘스트는 마이페이지의 커리어 성장 및 신청 현황 UI에 칩(CategoryChips) 기능을 추가하고, 관련 로직을 리팩토링하여 가독성과 유지보수성을 향상시켰습니다. 특히, CareerGrowthList 컴포넌트와 careerGrowth 유틸리티 파일을 분리하여 책임 분리를 잘 수행했습니다. 다만, LIBRARY 카테고리 처리의 일관성 부족, 매직 넘버 사용, 그리고 리스트 렌더링 시 key 속성 처리 등 몇 가지 개선할 점이 있습니다. 전반적으로 좋은 개선이지만, 몇 가지 사항을 수정하여 코드의 견고함과 예측 가능성을 높일 수 있습니다.

- 커리어 성장 프로그램 정렬 로직 중복 제거
- 신청 내역 조회: find에서 Map 기반 조회로 변경(탐색 비용 감소)
- 커리어 성장 카드 레이아웃 통일(패딩 추가)
@yeji424 yeji424 merged commit feaf7e1 into LC-2838-Sprint-17 Mar 5, 2026
3 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant