프로젝트 배경
문제 — 온라인 강의 사이트가 오랜 기간 같은 화면 구성으로 운영되면서, 지금의 강의 구성(전 과목 구독형 PASS, 특강, 1:1 수업)을 화면이 담아내지 못했다. 새 디자인은 이미 완성돼 있었지만 실제 데이터와 연결되지 않은 정적 HTML 로만 존재했다. 더 큰 문제는 그 사이트를 실제 수강생이 이용 중이라는 점이었다. 화면을 바꾸다 회원 계정이나 진도 기록이 흔들리면 그 순간 서비스 사고가 된다. 목표
프로젝트 성과
회귀 실패 차단과 진도 보존 검증
단위 117건·브라우저 클릭 34건을 통과했고, 회귀 실패 시 배포 승인 차단과 진도 불일치 시 롤백을 검증했습니다.
핵심 기능
진행 단계
실측부터 안전한 운영 전환까지
2026.08
프로토타입 실측 → 템플릿 매핑 → 상태 연결 → 회귀 시험 → 승인 배포·롤백 → 운영 인수 순으로 진행합니다.
프로젝트 상세
운영 중인 WordPress + LearnDash 온라인 강의 사이트에서 기존 회원·수강 등록·진도·완료 기록을 그대로 둔 채, 완성된 정적 HTML/CSS/JavaScript 디자인을 차일드 테마와 템플릿으로 옮기고 실제 Course/Lesson/Topic 데이터에 연결한 프론트엔드 전환 설계. 비로그인·미수강·수강 중·완료·접근 만료의 상태별 화면 분기, 서버 기준 진도, 순차 잠금, 퀴즈·실습·피드백,







