[Qa] 디자인 디테일 변경

[yummjin]

🛠️ 변경 사항

실제로 어떤 작업을 했는지 구체적으로 작성해주세요.

• UI 수정 (Design)
• 기능 추가 (Feature)
• 버그 수정 (Bug)
• 리팩토링 (Refactor)
• 성능 개선 (Performance)
• 테스트 추가 (Chore)
• 기타:

세부 변경 내용

• 일정 상세, 마이페이지, 로그인 페이지 디자인을 변경했어요.
• 홈 출석 체크 버튼 디자인을 변경했어요.

🔍 관련 이슈

관련 이슈를 링크해주세요. ex) close #23, related #23

• close [Qa] 일정 상세, 마이페이지, 로그인 페이지 디자인 변경 #143

---

📸 스크린샷 / GIF (선택)

UI 변경이 있다면 첨부해주세요.

---

⚠️ 주의 사항 / 리뷰 포인트

리뷰어가 특히 봐줬으면 하는 부분이나 고민했던 지점을 작성해주세요.

• ---

🔄 연관 작업

후속 작업이나 연관된 PR이 있다면 링크해주세요.

[gemini-code-assist]

Summary of Changes

Hello @yummjin, 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은 사용자 인터페이스의 전반적인 시각적 개선에 중점을 둡니다. 로그인 페이지의 문구가 업데이트되었고, 일정 상세 페이지와 마이페이지의 디자인 디테일이 조정되었습니다. 특히, 홈 화면의 출석 체크 버튼에 동적인 물결 효과가 추가되어 사용자 경험을 향상시켰습니다. 또한, 카카오 로그인 후 사용자의 초기 진입 페이지를 변경하고, 코드베이스에서 불필요한 요소를 정리하여 유지보수성을 높였습니다.

Highlights

• UI/UX 개선: 일정 상세, 마이페이지, 로그인 페이지의 디자인 디테일이 변경되었습니다.
• 홈 출석 체크 버튼 디자인 업데이트: 홈 화면의 출석 체크 버튼에 물결(ripple) 애니메이션 효과가 추가되었습니다.
• 내비게이션 로직 수정: 카카오 로그인 후 'ACTIVE' 상태인 사용자가 'StorePage' 대신 'HomePage'로 이동하도록 수정되었습니다.
• 불필요한 코드 제거 및 타입 개선: 홈 페이지에서 사용되지 않는 알림 관련 코드와 일정 상세 페이지에서 불필요한 RunType 타입 임포트 및 타입 단언이 제거되었습니다.

🧠 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

• apps/web/src/features/auth/model/useKakaoCode.ts
  • 카카오 로그인 후 'ACTIVE' 상태 사용자의 리디렉션 경로를 'StorePage'에서 'HomePage'로 변경했습니다.
• apps/web/src/pages/auth/ui/LoginPage.tsx
  • 로그인 페이지의 설명 문구를 '러닝 크루를 위한 제휴 서비스'에서 '러닝 크루를 위한 운영 및 제휴 서비스'로 업데이트했습니다.
• apps/web/src/pages/home/ui/HomePage.tsx
  • 사용되지 않는 BellIcon 및 useFlow 임포트와 관련 handleClick 함수, 그리고 Header 컴포넌트의 right prop을 주석 처리하여 알림 버튼을 비활성화했습니다.
• apps/web/src/pages/schedule/ui/ScheduleDetailPage.tsx
  • 불필요한 RunType 타입 임포트를 제거하고, ScheduleDetailHeaderSection 컴포넌트의 runType prop에 대한 타입 단언을 제거했습니다.
• apps/web/src/shared/styles/listItemRow.css.ts
  • 주석을 제거하고, listItemDivider의 height와 minHeight를 0.5px에서 1px로 변경했습니다.
• apps/web/src/widgets/schedule-attendance/ui/ScheduleAttendanceSection.tsx
  • motion 라이브러리를 임포트하고, 활성화 및 비활성화된 출석 버튼에 motion.div를 사용하여 물결 애니메이션 효과를 추가했습니다.
• apps/web/src/widgets/schedule-calendar/ui/ScheduleCalendar.tsx
  • Calendar 컴포넌트에 calendarType="gregory" prop을 추가했습니다.
• apps/web/src/widgets/schedule-filter-tab/styles/ScheduleFilterTab.css.ts
  • tabsContainer 스타일에서 position: 'sticky'와 top: 0 속성을 제거했습니다.
• apps/web/src/widgets/schedule/ui/ScheduleDetailHeaderSection.tsx
  • 불필요한 RunType 타입 임포트를 제거하고, ScheduleDetailHeaderSectionProps 인터페이스에서 runType의 타입을 RunType에서 string으로 변경했습니다.
  • 칩의 type을 결정하는 로직을 runType === 'REGULAR'에서 runType === '정기런'으로 업데이트했습니다.

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

[github-actions]

✅ PREVIEW https://azit-front-9t9iioc7j-hjs-projects-69e9f098.vercel.app

[gemini-code-assist]

Code Review

이번 PR은 로그인, 홈, 일정 상세 페이지 등 여러 화면의 디자인 디테일을 개선하는 변경 사항을 담고 있습니다. 전반적으로 UI 개선이 잘 이루어졌습니다. 리뷰에서는 주로 코드의 유지보수성을 높이기 위한 몇 가지 제안을 드립니다. 주석 처리된 미사용 코드를 제거하고, 중복되는 애니메이션 로직을 리팩토링하며, 로직에 문자열 리터럴을 직접 사용하는 대신 원본 데이터나 상수를 사용하도록 개선하는 내용을 포함하고 있습니다.