- 기본 상단 영역
- [ ] 뉴스 스탠드 로고를 클릭하면 화면을 새로고침할 수 있어야 한다.
- 최신 뉴스 영역
- [ ] 뉴스 5개가 5초마다 자동으로 롤링되어야 한다.
- [ ] 제목이 위로 넘어가는 애니메이션이 적용되어야 한다.
- [ ] 마우스를 호버하면 무한 스크롤을 정지시키고 헤드라인에 밑줄 표시가 되어야 한다.
- 전체 언론사
- 그리드 보기
- [x] 전체 언론사 탭의 그리드 보기가 기본 상태로 보여져야 한다.
- [x] 가로 930px, 세로 388px 의 영역에 6*4 테이블이 보여져야 한다.
- [x] 좌우 화살표를 클릭하면 페이지를 넘길 수 있어야 한다. (최대 4페이지까지만)
- [x] 각 언론사에 마우스를 올리면
구독하기
버튼이 보이도록 한다.
- [x] 이미 구독하고 있는 경우
해지하기
버튼이 보이도록 한다.
- [x] 페이지가 더 없는 경우 disabled 처리하여 아예 화면에서 보이지 않도록 해야 한다.
- [x] 구독 버튼을 누르면 구독이 등록된다.
- [x] 해지 버튼을 누르면 구독이 해지된다.
- 리스트 보기
- [x] 각 분야 카테고리에서 언론사의 기사를 확인할 수 있도록 한다.
- [ ] 카테고리는 기사 영역 상단에 가로로 긴 탭 형태로 배치해야 한다.
- [ ] 선택된 카테고리의 이름 옆에는 해당 카테고리에 속해있는 언론사의 갯수와 현재 언론사의 순서를 표시한다.
- [ ] 언론사의 순서는 화면이 새로고침 될 때바다 랜덤으로 정해지도록 한다.
- [x] 현재 순서의 언론사 내용을 표시한다.
- [ ] 한 언론사당 20초 간 화면이 보여지도록 하는데, (2)영역의 카테고리명 배경이 프로그래스바가 되어 초마다 색이 차오르도록 애니메이션을 적용한다.
- [ ] 20초가 되면 다음 언론사의 내용이 나타나도록 한다.
- 내가 구독한 언론사
-
리스트 보기
기본 뷰
- [x] 가로 탭에 구독한 언론사 목록이 보여야 한다.
- [x] 언론사가 많아서 탭의 가로 영역이 넘어가는 경우 화살표가 보여야 한다.
- [ ] 드래그를 통해 스크롤이 되도록 한다.
- [x] 구독한 순서대로 보여야 한다.
구독해지
- [x] 내가 구독한 언론사를 클릭하면 리스트 보기가 보여야 한다.
- [ ]
구독해지
버튼을 누르면 "{언론사 이름}을(를) 구독해지하시겠습니까?" 라는 알럿이 뜨도록 해야 한다.
- [ ] "예, 해지합니다" 라는 버튼이 보이도록 해야 한다.
- [ ] "아니오" 라는 버튼이 보이도록 해야 한다.
- [ ] 해지를 선택하면 즉시 구독이 해지되고 목록의 다음 순서 언론사가 바로 나타나도록 해야 한다.
- [ ] 선택된 카테고리 이름 옆에는 해당 카테고리에 속해있는 언론사의 갯수와 현재 언론사 순서가 표시되어야 한다.
- [ ] 언론사의 순서는 새로고침 될 때마다 랜덤으로 보여지도록 해야 한다.
- [ ] 현재 순서의 언론사 내용이 20초동안 보여야 한다.
- [ ] 언론사 탭의 배경이 프로그래스바가 되어 초마다 색이 차오르는 애니메이션이 보여야 한다.
- [ ] 선택된 카테고리 외 다른 카테고리에 마우스를 올리면 밑줄이 생겨야 한다.
- [ ] 각 카테고리를 누르면 해당 카테고리로 바로 이동해야 한다.
- [x] 언론사 기사 영역에는 언론사 브랜드 마크, 최종 편집 일시,
구독하기
버튼, 섬네일이 있는 메인 뉴스 1건, 타이틀이 있는 서브 뉴스 6건, 편집에 대한 안내 문구가 들어가야 한다.
- [x] 각 서브 뉴스 타이틀도 마우스를 올리면 밑줄이 생기도록 해야 한다.
- [ ]
구독하기
버튼을 누르면, "내가 구독한 언론사에 추가되었습니다" 라는 스낵바가 5초 동안 유지된 후, 즉시 내가 구독한 언론사 탭의 리스트 보기 화면으로 이동해야 한다.
- [ ] 카테고리의 마지막 언론사가 20초 보여진 후에는 다음 카테고리로 넘어가도록 한다. 마지막 언론사가 보여진 후에는 처음 카테고리의 첫 언론사로 돌아와야 한다.
- [x] 좌우 화살표를 통해서도 즉시 이전과 다음 언론사로 넘어갈 수 있다.
-
그리드 보기
- [x] 전체 언론사 그리드 보기 화면과 동일하되 사용자가 구독한 언론사만 보이도록 해야 한다.
- [x] 구독중인 언론사의 브랜드마크 셀에 마우스를 올리면
구독해지
버튼이 나타난다. 리스트보기 상태에서 구독해지를 하는 것과 동일하게, 알럿이 떠야 한다.
- [x] 구독이 해지되는 즉시 그리드에서 해당 언론사가 사라져야 한다.
2