전체 프로젝트

팀 프로젝트

완료

리드업 (ReadUp)

독서 경험을 퀴즈로 확장하는 커뮤니티 플랫폼입니다. Next.js의 SSR/CSR을 활용하여 빠른 렌더링과 사용자 경험을 최적화했습니다.

Period
2025-03 - 2025-07
Scope
2 areas
  • Next.js
  • TypeScript
  • Zustand
  • Storybook
  • Turborepo

Contributions

수행한 역할

Frontend & Architecture

Next.js App Router 기반의 모던 프론트엔드 아키텍처를 설계했습니다.

  • SSR/CSR 혼합 전략 도입으로 초기 로딩 속도 약 40% 개선
  • Turborepo 기반의 모노레포 구조를 도입하여 패키지 관리 체계 정비
  • Zustand와 Zod를 이용한 안정적인 전역 상태 관리 및 스키마 검증 체계 구축
  • API 미완 상황에 대응하기 위해 MSW 기반 모킹으로 독립적인 개발 환경 구성
  • Next.js
  • TypeScript
  • Zustand
  • Turborepo
  • MSW

UI/UX & Component System

일관되고 재사용 가능한 UI 시스템을 구축하여 개발 효율성을 높였습니다.

  • Storybook을 도입하여 컴포넌트 단위의 문서화 및 UI 테스트 환경 구축
  • TailwindCSS를 활용한 일관된 UI 시스템 및 재사용 가능한 컴포넌트 패턴 설계
  • Next.js
  • TypeScript
  • Turborepo
  • Storybook
  • TailwindCSS
정찬웅 | AI Application & Platform Engineer