포트폴리오 목록
AHA! 문법 — 추론형 학습 웹앱+CMS
대시보드
학생이 예시에서 문법 원리를 추론하고 선택형 질문, 힌트, 설명, 응용과 백지테스트까지 진행하는 학습 웹앱입니다. 강사용 CMS에서 유닛을 등록·수정·복제·검색하고 게시한 콘텐츠가 학생 화면에 즉시 반영되도록 구성했습니다.
프로젝트 소개
질문·추론·힌트·응용·백지테스트 학습 흐름과 강사용 콘텐츠 CMS를 연결한 PWA 데모입니다. 역할별 사용자 여정과 핵심 업무를 하나의 흐름으로 연결하고, 실제 구축 전에 기능과 운영 위험을 검증할 수 있는 데모를 만드는 것이 목표였습니다.
학생이 예시에서 문법 원리를 추론하고 선택형 질문, 힌트, 설명, 응용과 백지테스트까지 진행하는 학습 웹앱입니다. 강사용 CMS에서 유닛을 등록·수정·복제·검색하고 게시한 콘텐츠가 학생 화면에 즉시 반영되도록 구성했습니다.
주요 기능
- 폐쇄망·오프라인 운영 — 외부 연결이 제한되거나 불안정한 환경에서도 핵심 화면과 작업 흐름을 유지하도록 구성했습니다.
- 검색·필터 탐색 — 검색, 조건 필터와 정렬을 제공해 많은 정보 중 필요한 항목을 빠르게 좁힐 수 있습니다.
- 관리자·CMS 운영 — 관리자 화면에서 콘텐츠, 사용자, 요청과 노출 상태를 관리하고 공개 화면 반영 흐름을 확인할 수 있습니다.
- 상품·콘텐츠 탐색 — 상품·서비스·콘텐츠를 카테고리와 상세 정보로 탐색하고 다음 행동으로 이어지도록 구성했습니다.
기술 스택
정적 HTML/CSS/Vanilla JavaScriptPWA manifest·Service Worker·LocalStorage 유닛 데이터추론형 학습 상태·CMS 등록/복제/검색/미리보기
