[Week8 - mjk]

[openkmj]

Summary

• 가계부(Expense Tracker) 웹 앱을 3개의 서로 다른 기술 스택으로 구현
• 모든 버전에서 동일한 기능 제공: 수입/지출 CRUD, 카테고리별·월별 요약, 차트 시각화, 필터링

Tech Stacks

Version	Stack	Backend	Frontend	DB
1	Django + Vanilla JS	Python (Django 5.x)	Vanilla JS + Chart.js	SQLite
2	Express + React	Node.js (Express 4.x)	React 18 + Recharts	SQLite (better-sqlite3)
3	Next.js + Prisma	Next.js 14 (App Router)	React 18 + Recharts	SQLite (Prisma ORM)

Deliverables

• submissions/mjk/week8/django-expense-tracker/ — Django version with README
• submissions/mjk/week8/express-react-expense-tracker/ — Express+React version with README
• submissions/mjk/week8/nextjs-expense-tracker/ — Next.js version with README
• submissions/mjk/week8/writeup.md — App concept + 3 version descriptions with reflections

Test plan

• Django: pip install -r requirements.txt && python manage.py migrate && python manage.py seed && python manage.py runserver → http://localhost:8000
• Express+React: cd server && npm install && npm run seed && npm start + cd client && npm install && npm run dev → http://localhost:5173
• Next.js: npm install && npx prisma db push && npm run seed && npm run dev → http://localhost:3000
• 각 버전에서 CRUD, 차트, 필터링 동작 확인