메인화면
리뷰
- useState로 댓글 목록과 입력 폼 상태 관리
- useEffect 없이 순수 onSubmit 핸들러에서만 상태 업데이트 하기
- 댓글 최신순 혹은 등록순 정렬 로직
- 입력 검증 후 다이얼로그(alert) 띄워 UX 보강
신간 & 베스트셀러
- map()으로 동적 리스트 렌더링하기
- styled-components 로 컴포넌트별 스타일 캡슐화
- 카드 그리드 레이아웃에 CSS Grid와 flex 조합하기
- 더미 데이터를 faker.js와 MSW로 모킹해 본 경험
베너
- react-slick 같은 외부 라이브러리 없이, useRef + setInterval 로 간단한 슬라이더 만들기
- 슬라이더 자동 전환 시 클린업(clearInterval) 처리하는 법
- 슬라이딩 애니메이션을 위해 CSS transform: translateX()와 transition 활용
모바일 대응
- 모바일 퍼스트 방식으로 스타일링 시작
- styled-components의 media query 유틸 사용
- 3가지 브레이크포인트 (mobile, tablet, desktop) 정의하고
