Skip to content

feat: 네비게이션 UI 기반의 라우팅 구조로 변경#459

Open
seongminn wants to merge 4 commits intorecent-page-2from
navigation-bar
Open

feat: 네비게이션 UI 기반의 라우팅 구조로 변경#459
seongminn wants to merge 4 commits intorecent-page-2from
navigation-bar

Conversation

@seongminn
Copy link
Member

✅ 작업 내용

  • 논의된 것과 같이 탭 UI에서 네비게이션 UI로 라우팅 컴포넌트를 변경했습니다.
  • 기존에 쿼리 파라미터에서 라우팅 구조로 페이지 전환 방식을 변경했기 때문에 해당 PR에서는 단순히 컴포넌트를 교체하기만 했습니다.

📝 참고 자료

  • 작업한 내용에 대한 부연 설명

♾️ 기타

  • 추가로 필요한 작업 내용

@seongminn seongminn self-assigned this Mar 18, 2026
@vercel
Copy link

vercel bot commented Mar 18, 2026

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

Project Deployment Actions Updated (UTC)
spectator Ready Ready Preview, Comment Mar 19, 2026 2:26pm
1 Skipped Deployment
Project Deployment Actions Updated (UTC)
manager Skipped Skipped Mar 19, 2026 2:26pm

@gemini-code-assist
Copy link
Contributor

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!

이 PR은 애플리케이션의 전반적인 네비게이션 시스템을 탭 기반에서 하단 네비게이션 바 기반으로 전환하는 중요한 UI/UX 개선을 포함합니다. 이를 위해 새로운 네비게이션 컴포넌트가 도입되었고, 기존 탭 관련 로직이 제거되었으며, 관련 페이지들의 레이아웃과 스타일이 업데이트되었습니다. 이 변경은 사용자 경험을 향상시키고, 라우팅 구조를 더욱 직관적으로 만듭니다.

Highlights

  • 네비게이션 UI로 라우팅 구조 변경: 기존 탭 UI 기반의 라우팅 컴포넌트가 네비게이션 UI 기반으로 변경되었습니다. 이는 쿼리 파라미터 방식에서 라우팅 구조로 페이지 전환 방식이 변경됨에 따라 컴포넌트 교체가 이루어진 것입니다.
  • 새로운 네비게이션 바 컴포넌트 추가: 하단에 고정되는 NavigationBar 컴포넌트가 새로 추가되어 '홈', '대회', '학과' 세 가지 주요 페이지로 이동할 수 있는 링크를 제공합니다.
  • 기존 탭 관련 컴포넌트 제거 및 대체: 기존 TabHeader 컴포넌트가 제거되고, (home)/layout.tsx에서 NavigationBar로 대체되었습니다. 또한, page.tsx 파일들에서 Tabs.Panel 사용이 제거되고 일반 div로 변경되었습니다.
  • 아이콘 추가: 네비게이션 바에 사용될 HomeIcon, TrophyIcon, UsersIcon 세 가지 새로운 아이콘 컴포넌트가 packages/icons에 추가되었습니다.
  • CSS 변수 및 스타일 조정: 전역 CSS에 --hcc-navbar-height 변수가 추가되었고, YearFilterTeamFilter 컴포넌트의 sticky 위치 스타일이 조정되었습니다.
  • 버튼 링크 처리 방식 개선: tab.tsx 파일에서 버튼 내부에 Link 컴포넌트를 직접 사용하여 페이지 이동을 처리하도록 변경되었습니다.

🧠 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.

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.

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

네비게이션 UI 기반의 라우팅 구조로 변경하는 PR을 리뷰했습니다. 전반적으로 탭 UI에서 네비게이션 UI로의 전환이 이루어졌으며, NavigationBar 컴포넌트 추가 및 기존 Tabs 컴포넌트 제거가 확인되었습니다. sticky 필터 컴포넌트의 위치와 관련된 잠재적인 UI 이슈를 발견하여 코멘트를 남겼으니 확인 부탁드립니다.


return (
<div className="sticky top-24 z-header flex overflow-hidden bg-white py-3">
<div className="sticky z-header flex overflow-hidden bg-white py-3">
Copy link
Contributor

Choose a reason for hiding this comment

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

medium

top-24 클래스가 제거되었습니다. 상단 Header 컴포넌트가 sticky 속성을 가질 경우, 이 필터 컴포넌트가 스크롤될 때 헤더 아래에 가려질 수 있습니다. Header의 높이에 맞는 top 값을 다시 지정하는 것을 고려해 보세요. 예를 들어, 헤더 높이가 4rem이라면 top-16과 같은 클래스가 필요할 수 있습니다.


return (
<div className="sticky top-24 z-header flex overflow-hidden bg-white py-3">
<div className="sticky z-header flex overflow-hidden bg-white py-3">
Copy link
Contributor

Choose a reason for hiding this comment

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

medium

top-24 클래스가 제거되었습니다. 상단 Header 컴포넌트가 sticky 속성을 가질 경우, 이 필터 컴포넌트가 스크롤될 때 헤더 아래에 가려질 수 있습니다. Header의 높이에 맞는 top 값을 다시 지정하는 것을 고려해 보세요. 예를 들어, 헤더 높이가 4rem이라면 top-16과 같은 클래스가 필요할 수 있습니다.

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