플러스프로젝트 배경
학생은 모바일에서 이야기를 읽고 미션을 수행하고, 교사는 데스크톱에서 학생·그룹과 제출 기록을 관리하는 역할별 교육 서비스입니다. 서로 다른 화면 경험을 하나의 제품 구조로 묶고 인증부터 미션 기록까지 실제 API와 DB로 연결해야 했습니다. 학생·교사 화면과 상태를 구분하고 OpenAPI·데이터 모델에서 역할·세션·도메인 동작을 먼저 정의했습니다. 전용 서비스 도메인이 준비되기 전에도 검수할 수 있도록
프로젝트 성과
학생 20개·교사 9개 화면 구현
Next.js 앱에서 학생 모바일과 교사 데스크톱 구조를 분리하고 각 역할의 주요 화면과 상태를 구현했습니다.
학생 제출부터 교사 조회까지 API 연결
Fastify·PostgreSQL로 학생 로그인·이야기·미션 제출·교사 기록 조회 흐름과 역할별 세션을 연결했습니다.
계약 검증부터 HTTPS 배포까지 구성
OpenAPI·단위·DB 연동·브라우저 검증과 AWS CI/CD를 구성하고 Cloudflare Pages에서 HTTPS API를 연결했습니다.
핵심 기능
학생 모바일 학습·미션 흐름
로그인·홈·이야기·미션 기록·마이페이지 등 학생용 화면과 스토리·미션 제출 기능을 구현했습니다.
진행 단계
화면 범위·API 계약과 구현
2026.06.
학생·교사 화면과 상태를 정리하고 데이터 모델·역할별 세션·OpenAPI 계약을 기준으로 기능을 연결했습니다.
프로젝트 상세
학생의 학습·미션 기록과 교사의 학생·그룹 관리를 연결한 학교용 웹서비스입니다. 학생은 모바일에서 활동을 기록하고, 교사는 데스크톱에서 제출 내역과 운영 현황을 확인할 수 있도록 구성했습니다. 학생 모바일 웹 20개와 교사 데스크톱 웹 9개 화면을 구현했습니다. 주요 납품 기능에는 역할별 세션·API·데이터 구조를 연결했습니다. 요구사항과 이야기·미션·제출 기록·그룹 관리 흐름을 기획하고 Next.js
