Skip to content

[SCRUM-168] CourseDetail UI #16

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Merged
InKyungWoo merged 16 commits into from
Jul 5, 2025
Merged

[SCRUM-168] CourseDetail UI #16

InKyungWoo merged 16 commits into from
Jul 5, 2025

Conversation

@InKyungWoo
Copy link
Member

@InKyungWoo InKyungWoo commented Jul 5, 2025 •
edited by atlassian bot
Loading

📌 관련 티켓 & 이슈

✨ 작업 내용

  • 페이지 구조
    • CourseDetail 페이지 및 라우터 설정
    • Header, Tabs 컴포넌트 구현
    • 탭별 콘텐츠 렌더링 (전체/코스/즐길거리/리뷰)
  • UI 컴포넌트 구현
    • Button 컴포넌트 스타일링 props 확장 (border, borderRadius, textColor, customTypography)
    • AttractionItem 공통 컴포넌트 구현
    • 섹션별 컴포넌트 분리 (CourseSection, AttractionSection, ReviewSection)
  • UX 개선
    • useScrollToTop 훅 구현 (ref 기반 스크롤)
    • 스크롤 위치 감지하여 조건부 스크롤 버튼 표시
    • 코스 섹션에서 코스 탭으로 네비게이션 기능

📸 스크린샷 (해당하는 경우)

스크린샷 2025-07-06 오전 1 39 03 스크린샷 2025-07-06 오전 1 39 27

InKyungWoo added 16 commits July 1, 2025 17:49
@InKyungWoo
✨ [SCRUM-168] Feat: CourseDetail 페이지 추가 및 라우터 설정 (#15)
9844b42
@InKyungWoo
🔧 [SCRUM-168] Chore: project 자동 추가 워크플로우 구현 (#15)
d762ca7
@InKyungWoo
♻️ [SCRUM-168] Refactor: mock 데이터 constants로 분리 (#15)
39ac04f
@InKyungWoo
✨ [SCRUM-168] Feat: Course Header 컴포넌트 구현 (#15)
2bcf67f
@InKyungWoo
🔧 [SCRUM-168] Chore: course data type 추가 (#15)
c9e3527
@InKyungWoo
✨ [SCRUM-168] Feat: Tab component, 렌더링 콘텐츠 구현 (#15)
e1cc54c
@InKyungWoo
✨ [SCRUM-168] Feat: 코스 상세 페이지 UI 구현 및 데이터 연결 (#15)
6939450
@InKyungWoo
✨ [SCRUM-168] Feat: Button 컴포넌트 스타일링 props 확장(#15)
21741fe
@InKyungWoo
✨ [SCRUM-168] Feat: useScrollToTop hook 구현 (#15)
8d2f415
@InKyungWoo
💄 [SCRUM-168] Design: 디자인 토큰 추가, header flex-shrink 설정 (#15)
b92d8f0
@InKyungWoo
✨ [SCRUM-168] Feat: AttractionIten 공통 컴포넌트 구현 (#15)
72e67b7
@InKyungWoo
✨ [SCRUM-168] Feat: 전체 탭 setcion별 컴포넌트 구현 (#15)
45bea2f
@InKyungWoo
✨ [SCRUM-168] Feat: 코스 전체 탭 변경, 스크롤 이벤트 추가 (#15)
2c7a8d6
@InKyungWoo
✨ [SCRUM-168] Feat: 스크롤 위치 감지하여 조건부 표시 기능 추가 (#15)
1a5e2c2
@InKyungWoo
✨ [SCRUM-168] Feat: CourseTab 컴포넌트 구현 (#15)
9814b48
@InKyungWoo
✨ [SCRUM-168] Feat: 즐길거리, 리뷰 탭 컴포넌트 구현 (#15)
7832a7b
@InKyungWoo InKyungWoo added this to the #2-sprint milestone Jul 5, 2025
@InKyungWoo InKyungWoo self-assigned this Jul 5, 2025
@InKyungWoo InKyungWoo merged commit 268d3f9 into main Jul 5, 2025
@InKyungWoo InKyungWoo deleted the SCRUM-168-CourseDetail-UI branch July 5, 2025 16:44
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

No reviews

Assignees

@InKyungWoo InKyungWoo

Labels

✨ Feature 💄 UI

Projects

Runchuck-러닝한다이
Status: Done

Milestone

#2-sprint

Development

Successfully merging this pull request may close these issues.

[SCRUM-168] CourseDetail UI

2 participants

@InKyungWoo