🐾 UMC 8th Web 워크북 실습 (2025.03 ~ 2025.06)

📌 개요

UMC 8기 Web 파트 워크북 실습을 정리한 레포지토리입니다.
React, TypeScript, Tailwind CSS를 기반으로 단계별 과제를 수행하며 실무형 프론트엔드 역량을 쌓는 것을 목표로 했습니다.

---

🚀 주요 기능 & 실습 내용

• 🔹 Mission 1 (기초): React 컴포넌트, 상태 관리, 이벤트 처리
• 🔹 Mission 2 (SPA): Router 활용, API 연동, 에러 & 로딩 처리
• 🔹 Mission 3 (데이터 패칭): TanStack Query, Infinite Scroll, 캐싱 전략
• 🔹 Mission 4 (최적화): useMemo, useCallback, React.memo를 통한 성능 개선

---

🛠️ 기술 스택

Frontend	Styling	State	Data Fetching	Build

---

📂 디렉토리 구조

.
├── mission1/   # 1~3주차: React 기초, 상태 관리
├── mission2/   # 4~6주차: Router, API 연동
├── mission3/   # 7~9주차: TanStack Query, Infinite Scroll
├── mission4/   # 10~12주차: 성능 최적화(useMemo, useCallback 등)
└── README.md

---

📖 학습 목표

1. React 컴포넌트와 상태 관리 기초 학습
2. Router와 API 연동을 통한 SPA 구조 이해
3. TanStack Query를 활용한 데이터 관리 및 무한 스크롤 구현
4. 성능 최적화 및 협업 중심 코드 설계 경험

---

💡 회고

• 성장 포인트 : 재사용성과 유지보수를 고려한 컴포넌트 설계 습관
• 도전 과제 : 상태 관리와 비동기 처리의 타이밍 이슈 → TanStack Query + Zustand로 해결
• 성과 : 팀 프로젝트와 개인 과제를 병행하며 실무형 풀스택 역량을 크게 성장