반응형¶
요지¶
MS3 기능(원본 ❌ 표기 — 우선순위/범위 미확정). 1인 1태블릿 세대를 겨냥해 수업노트·질문·피드백을 PC·태블릿·모바일에서 상시 확인할 수 있는 반응형 웹/웹앱 접근성을 확보한다.
반응형 정책 SSOT는 responsive(디자인). 본 기능 페이지는 개요·기획 맥락과 기능 적용만 두고, 브레이크포인트·전환 규칙의 단일 출처는 responsive를 따른다(중복 금지).
해결하는 문제¶
현 중고생은 1인 1태블릿 지원 세대로 태블릿으로 강의 시청·문제 풀이를 한다. 디에듀가 수업노트·질문·피드백을 상시 확인하도록 설계되는 만큼 반응형 웹/웹앱 접근성 필요성이 타 서비스보다 높다. 모바일 유입이 많고 교육 환경에서 태블릿/PC 사용이 많아 필수이며, 방향은 "모바일 우선(Mobile-first)으로 넓혀나간다".
핵심 동작¶
기능 적용 요지(정책 단일 출처 responsive): - 브레이크포인트 3종: 1200 PC / 768 태블릿 / 360 모바일. - 1200 이상: 내부 콘텐츠 폭 유지 + 좌우 여백 확대. - 768 태블릿: LNB(사이드바) → 탭 전환(하위 스터디룸 접근 경로 보존). - 360 모바일: 3열 카드 → 1열 스택, 한 손 조작. - 적용 우선순위: 로그인 전 페이지(소개·강사 목록) 반응형 우선, 로그인 후는 핵심 기능 위주 점진 적용. 관리 공간은 태블릿/PC 비중이 높음.
관련¶
- PRD prd · 디자인 design · FRD frd
- 정책 SSOT responsive
- 열린 결정: LNB vs 헤더 네비게이션 (스터디룸 화면, 미정 — prd §열린 결정)
- 릴리즈 release-notes · 상태 status