1. 컨텍스트
1.1. 프로젝트 목적
•
엘살바도르 요청사항 긴급대응
◦
유닛 별 추천학습(장바구니 추천학습)을 학습요약 페이지에서 편리하게 보낼수있게한다.
◦
엘살바도르 학습요약페이지 사용자 피드백 개선
▪
표 셀 너비 좁게 조정
▪
표 헤더영역 고정
•
학습시간, 학생위치 UI 개선
▪
학생화면잠금 화면 UI 개선
▪
학생화면잠금 화면 교실 내 공간에서 가능하도록 통제 범위 확장
1.2. 용어 정리
새로 등장한 도메인 용어나 개념, 팀간 용어 일치를 위한 목적
•
N/A
1.3. 프로젝트 범위
•
학습요약페이지 기능추가, UI개선
1.3.1 이번에 다루지 않는 범위
•
난이도 별 학습시간초과 시 강조표시
1.4. 프로젝트 성공 기준
•
학습요약페이지에서 유닛 별 추천학습을 보낼 수 있다.
•
학습요약페이지 불편한 UI 개선 요청사항 반영
2. FE 시스템 요구사항
2.1. 기능적 요구사항
2.1.1. 새로운 기능 추가 및 확장
기능 | 위치 | 설명 | 패키지 | 컴포넌트 계층 / 영향도 | 비고 |
유닛별 추천학습 보내기 | LMS | 학습요약 오버뷰 테이블 사용자 이름란에 추천학습 보내기 버튼이 생김 | unit-overview | 기존 컴포넌트 사용 | |
2.1.2. 기존 기능 변경 및 개선
기능 | 위치 | AS-IS | TO-BE | 컴포넌트 영향도 |
유닛오버뷰 테이블 UI 개선 - 테이블 셀 너비조정 | LMS | 셀 당 너비 축소 | ||
유닛오버뷰 테이블 UI 개선 - Header 영역 Sticky 처리 | LMS | 헤더 영역 고정이 아님 | 헤더 영역 고정 | |
유닛오버뷰 테이블 UI 개선 - 학생위치 UI 수정 | LMS | 학습시간 Chip 형태 | 학습시간 Text 형태로 노출 | |
학생화면잠금화면 | B2C | 폰트크기, 아이콘사이즈 확대 |
2.1.3. 밀당 디자인시스템(MDS) 영향도
컴포넌트 | 위치 | AS-IS | TO-BE | figma / storybook(chromatic) |
CMS LMS B2C | (신규 DS라면 '-' 표시) | |||
2.2. 비기능적 요구사항
(품질, 신뢰성, 사용성 / 효율성, 유지보수성, 호환성, 보안성)
리팩토링, 구조 변경 등의 작업으로 영향도가 있다면 어느 부분이 테스트되어야할지, 리그레션 테스트 범위를 작성
•
N/A
3. BE 시스템 요구사항
3.1. 외부 인터페이스 요구사항
•
N/A
3.2. 기능적 요구사항
3.2.1. 새로운 기능 추가 요구사항
•
N/A
•
3.2.2. 기존 기능 개선 요구사항
•
N/A
3.3. 비기능적 요구사항
•
N/A
4. 기타 요구사항
•
N/A
5. 참고문헌
•
N/A