프로젝트 003
Simple Stack
과제의 목록·추가·수정·삭제를 통해 Next.js App Router와 프런트엔드 상태 관리를 익히려고 만든 태스크 관리 보드. 공개 서비스가 아니라 로컬 Mock API와 함께 동작을 확인하는 학습용 프로젝트.
01 / Problem
CRUD, 상태 관리, 반응형 UI, API 연동을 따로 배우기만 해서는 실제 앱에서 각각이 어떻게 이어지는지 파악하기 어려웠다.
02 / Idea
팀의 과제 관리를 소재로, 프런트엔드부터 로컬 API까지 데이터 흐름 전체를 구현하는 학습 프로젝트.
03 / Solution
태스크 목록·추가·수정·삭제, 상태 필터, CSV 입출력을 구현했다. 데스크톱에서는 테이블, 모바일에서는 카드로 전환하고, Express Mock API를 로컬에서 띄워 CRUD 흐름을 확인할 수 있게 구성했다.