강의 듣기 전 checklist

[DuetoPark]

Checklist

따라쓰기 방지

[DuetoPark]

Product Specification Section_(2021.10.22)

• 모바일 레이아웃 마무리
  • [x] 펼침 버튼
  • [x] 토글 상태 구현
• CSS 스킬: 그라데이션
  • [x] 버튼 ::before 스타일 구현

[DuetoPark]

Product Review Section_(2021.10.23)

• Review Scoreboard 마크업
  • [x] Mark up
  • [x] Grid system
  • [x] Grouping
  • [x] Class name
  • [x] Wai-aria

[DuetoPark]

Product Review Section_(2021.10.26)

• Review Scoreboard 레이아웃
  • [x] 순서 : .score-summary → ::after → .score-details
  • [x] .score-stats 스타일 분리

[DuetoPark]

Product Review Section_(2021.10.26)

• Review List 마크업
  • [x] Mark up
  • [x] Grid system
  • [x] Grouping
  • [x] Class name
  • [x] Wai-aria

[DuetoPark]

Product Review Section_(2021.10.28)

Review Card 구현

• Review Card Body
  • [x] 프로필 이미지가 있는 경우: .review-image
  • [x] 프로필 이미지가 없는 경우
• Review Card Footer
  • [x] 도움됨 체크 상태: .ic-check
  • [x] 도움됨 메세지

ETC

• Review Item
  • [x] padding
  • [x] border-bottom
• Review Empty
  • [x] 마크업
  • [x] 구현

[DuetoPark]

Product Inquiry Section_(2021.11.01)

1. Inquiry Card의 경우의 수

공개	질문	답	Desc.	✅
O	필수	O	공개 글에 답변이 있는 경우
O	필수	X	공개 글에 답변이 없는 경우
X	안내	O	비밀 글에 답변이 있는 경우
X	안내	X	비밀 글에 답변이 없는 경우

2. Inquiry Card 마크업

• [x] Mark up
• [x] Grid system
• [x] Grouping
• [x] Class Name
• [x] Wai-aria

3. Inquiry Card 스타일

• [x] 모바일 토글 레이아웃

4. Inquiry가 없을 경우 (a.k.a. Empty State)

• [x] 모바일
• [x] TABLET & DESKTOP