PassFlow

정보처리기사 필기 CBT 웹앱. 기출문제 풀이 · 오답노트 · 학습 리포트.

Phase 1(MVP)은 백엔드 없이 동작한다. 문제는 정적 JSON으로 읽고, 풀이 기록은 브라우저 IndexedDB에 쌓는다.

스택

Next.js 16 (App Router) · React 19 · TypeScript · Tailwind CSS 4 · PWA

실행

npm install
npm run dev

http://localhost:3000

구조

src/app/          라우트 (App Router)
src/features/     기능 단위 폴더 (exam, review, report, dashboard, settings)
src/lib/          비즈니스 로직 — 순수 함수, UI·저장소에 의존하지 않는다
src/repositories/ 데이터 접근 (Phase 1: JSON + IndexedDB)
scripts/          개발용 스크립트

UI는 표시만 하고, 로직은 src/lib에, 데이터 접근은 Repository 인터페이스 뒤에 둔다. Phase 2에서 JSON을 API로 바꿀 때 구현체만 교체하고 UI는 건드리지 않기 위한 경계다.

스크립트

명령	설명
npm run dev	개발 서버
npm run build	프로덕션 빌드
npm run start	빌드 결과 실행
npm run lint	ESLint