[feature] help

[cl-o-lc]

📌 작업 내용

• 도움말 페이지 구현

📸 스크린샷

📝 기타

Summary by CodeRabbit

• New Features
  • 새로운 도움말 페이지를 추가해 소개, FAQ, 문의 섹션을 제공.
  • 접이식 FAQ 컴포넌트를 도입해 자주 묻는 질문을 손쉽게 탐색 가능.
• Bug Fixes
  • 헤더의 ‘도움말’ 내비게이션 링크를 실제 경로(/help)로 수정.
• Style
  • 랭킹 페이지의 카테고리 라벨을 ‘대학교’에서 ‘대학’으로 단순화해 표기를 일관되게 개선.

[coderabbitai]

Caution

Review failed

The pull request is closed.

Walkthrough

도움말 페이지(/help)가 추가되고, 이를 위한 FAQ 섹션과 FAQ 아이템 UI 컴포넌트가 신설되었습니다. 헤더의 도움말 링크가 실제 경로(/help)로 변경되었고, 랭킹 페이지의 카테고리 라벨(‘대학교’ → ‘대학’)만 텍스트 수준으로 수정되었습니다.

Changes

Cohort / File(s)	Summary
Help 페이지 추가 src/app/help/page.tsx	새 도움말 페이지 컴포넌트 추가: 헤더(제목/설명) → FaqSection → 연락 섹션(이메일) 렌더링
FAQ 섹션 컴포넌트 src/components/FaqSection.tsx	정적 faqData를 매핑하여 FaqItem 리스트 렌더링하는 FaqSection 기본 내보내기 추가
FAQ 아이템(UI) src/components/ui/FaqItem.tsx	details/summary 기반 접이식 아이템 컴포넌트 추가: question, answer props 사용
헤더 네비 링크 수정 src/components/ui/Header.tsx	‘도움말’ 링크 href를 "#"에서 "/help"로 변경
라벨 텍스트 변경 src/app/ranking/page.tsx	카테고리 표시 텍스트 ‘대학교’ → ‘대학’으로 변경(로직 변경 없음)

Sequence Diagram(s)

sequenceDiagram
  autonumber
  actor User as 사용자
  participant Header as Header(nav)
  participant Router as Next.js Router
  participant Help as HelpPage
  participant FaqSection as FaqSection
  participant FaqItem as FaqItem (n)

  User->>Header: 도움말 링크 클릭 (/help)
  Header->>Router: navigate("/help")
  Router->>Help: 페이지 렌더링
  Help->>FaqSection: 섹션 렌더링
  FaqSection->>FaqItem: 각 FAQ 항목 렌더링 (map)
  Note over Help,FaqItem: 정적 데이터, 클라이언트 상호작용(details/summary)

Loading

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10–15 minutes

Possibly related PRs

• [design] 기존 home UI 전면 개편 #5: 동일한 src/components/ui/Header.tsx에서 도움말 링크를 /help로 수정하는 변경과 겹칩니다.

Suggested labels

feat🛠️

Poem

귀가 쫑긋, 링크를 탁—/help로 풍덩!
FAQ는 톡톡, 접고 펴는 살랑살랑.
“대학교?” 아니, “대학!” 살짝 말끔 손질하고,
새 길 따라 깡총깡총, 도움말로 달려간다.
⟨(•‿•)⟩ᕱ ᕱ 답은 여기에, 메일은 저기에!

✨ Finishing touches

• 📝 Generate Docstrings

🧪 Generate unit tests

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch feature/help

---

📜 Recent review details

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 4b366d9 and 6978c94.

📒 Files selected for processing (5)

• src/app/help/page.tsx (1 hunks)
• src/app/ranking/page.tsx (1 hunks)
• src/components/FaqSection.tsx (1 hunks)
• src/components/ui/FaqItem.tsx (1 hunks)
• src/components/ui/Header.tsx (1 hunks)

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}