#105 feat: 상단 Header.tsx 드롭다운 메뉴 디자인 리뉴얼

[kaeuhy]

🛠️ 설명 (Description)

• 상단 Header.tsx 드롭다운 메뉴 디자인 리뉴얼하였습니다.
• 아직 구현이 안된 라이트/다크모드 & 언어 변경 버튼 일시적으로 삭제하였습니다.
• 디자인 간소화를 위해 회사 소개 버튼 삭제하였습니다.

📝 변경 사항 요약 (Summary)

• src/components/layout/Header.tsx 드롭다운 메뉴 수정

🔗 관련 이슈 (Related Issues)

• Closes #None
• Related [IMPROVEMENT] 전체적인 홈페이지 디자인 리뉴얼 #105

☑️ 체크리스트 (Checklist)

• 코드가 프로젝트 코딩 컨벤션을 따릅니다.
• 테스트 코드가 작성되었고, 통과했습니다.
• 변경 사항에 대한 문서화가 완료되었습니다.
• 필요한 경우, 다른 팀원에게 리뷰를 요청했습니다.
• CI/CD 파이프라인이 성공했습니다.

👀 리뷰어를 위한 참고 사항 (Notes for Reviewers)

➕ 추가 정보 (Additional Information)

[gemini-code-assist]

Summary of Changes

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

이 풀 리퀘스트는 상단 헤더의 드롭다운 메뉴 사용자 인터페이스를 현대화하고 간소화하는 데 중점을 둡니다. 기존 메뉴의 시각적 디자인을 개선하고, 불필요하거나 아직 구현되지 않은 기능을 제거하여 사용자 경험을 최적화하는 것을 목표로 합니다. 이를 통해 더욱 깔끔하고 직관적인 내비게이션을 제공합니다.

Highlights

• 드롭다운 메뉴 디자인 리뉴얼: 상단 헤더의 드롭다운 메뉴 디자인이 전면적으로 개선되어 더욱 현대적이고 사용자 친화적인 모습으로 변경되었습니다.
• 기능 간소화: 아직 구현되지 않은 라이트/다크 모드 및 언어 변경 버튼이 임시적으로 제거되었으며, 디자인 간소화를 위해 '회사 소개' 버튼도 삭제되었습니다.
• 로그인 상태 확인 로직 변경: 사용자 로그인 상태 확인 로직이 isLoggedIn 불리언 값 대신 user 객체의 존재 여부를 직접 확인하도록 변경되었습니다.

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

[gemini-code-assist]

Code Review

상단 헤더의 드롭다운 메뉴 디자인을 리뉴얼한 PR 잘 보았습니다. 전체적으로 디자인이 깔끔해지고, 불필요한 메뉴들을 제거하여 코드가 간결해졌습니다. 몇 가지 코드 개선 사항을 제안드립니다. 사용자 이름이 길어질 경우를 대비해 truncate 스타일을 추가하고, 반복되는 드롭다운 메뉴 아이템들을 배열로 만들어 map으로 렌더링하면 코드 유지보수성을 높일 수 있을 것 같습니다.