[2주차] 최예빈/[feat] 공통 컴포넌트 구현

[YeBeenChoi]

1. 무엇을?

공통 컴포넌트 구현 및 블로그 메인 페이지를 구현합니다.

2. 상세 설명

• 피그마 시안에 정리된 공통 컴포넌트를 재사용 가능한 컴포넌트로 분리해 구현
  • 헤더, 버튼, 드롭다운, 모달, 토스트, 텍스트 필드 등
• 메인 페이지는 공통 컴포넌트를 조합해 PC / 모바일 레이아웃을 기준으로 구현

3. 제출 전 체크 계획

• 프로젝트가 정상 실행되는지 확인
• npm run dev 실행 시 문제 없이 실행 됨을 확인 (클릭, 타이핑 등의 액션에도 리액트 에러, 콘솔 에러가 발생하지 않음)
• ESLint 오류 없음 (npm run lint 실행 시 경고/에러 없음)
• 빌드 성공 (npm run build 실행 시 문제 없음)
• 브라우저 콘솔에 런타임 에러 없음 (개발자 도구로 확인)
• TypeScript 타입 오류 없음 (IDE나 tsc --noEmit으로 확인) (TS 사용시)

4. 추가 사항

5. 권장 추가 구현(선택)

• 컴포넌트 분리 및 재사용성 향상 (예: 공통 컴포넌트 추출)
• 상태 관리 도입 (Context API, Zustand, Redux 등)
• 단위/통합 테스트 추가 (Jest + React Testing Library)
• 스타일링 개선 (CSS Modules, Tailwind CSS 등)
• 접근성(a11y) 고려 (ARIA 속성, 키보드 네비게이션 등)
• 성능 최적화 (React.memo, lazy loading, 코드 스플리팅 등)