<aside>
개요
학생회의 요청으로 제작하게 된 플래너 공유 웹. 자신의 학번으로 로그인하여 하루에 한 장 자신의 반 피드에 플래너 사진을 공부 시간과 함께 업로드할 수 있으며, 플래너 업로드 횟수가 카운트 된다. 이 카운트는 이벤트 종료 후 개인별, 반별 시상에 사용된다.
부적절한 이미지(플래너가 아닌 사진 등)을 업로드 할 경우 관리자에 의해 삭제될 수 있으며, 이때 경고를 받게 된다. 경고 누적 2회(추후 변경 가능)일 시 사용자의 업로드가 제한된다.
시상은 플래너 업로드 수를 기준으로 하되, 동점자에 한해 누적 공부 시간 순으로 순위를 결정한다.
</aside>
<aside>
구현해야 하는 기능
- 로그인
- 초기 회원가입 시 학번과 비밀번호로 회원가입
- localStorage를 사용하여 로그인 저장
- 플래너 공유(이미지 공유)
- 로그인한 사용자에 대해 하루에 한 번 이미지 공유 버튼 활성화
- 플래너 이미지 업로드
- 업로드한 이미지 클라우드 스토리지에 저장
- 공부 시간 공유
- 플래너를 업로드할 때 공부 시간 입력란 추가
- 개인 당일 공부 시간 및 누적 공부 시간 표시
- 공부 시간은 당일값과 누적값만 DB에 저장
- 반별 피드
- 반별로 업로드한 플래너를 열람 가능한 피드 제작
- form or table or gallery 형
- 반별 1위 피드에 표시
- 리더보드
개인별 순위 탭
- 사용자 개인 순위, 상위 5인 순위 표시
- 더보기 시 전체 순위 열람
반별 순위 탭
- 사용자가 속한 반 순위, 상위 5개 반 순위 표시
- 더보기 시 전체 순위 열람
시간별
- 반 내부 순위 탭
- 반 내부 개인별 순위 표시
- 기여도 표시(%, 장)
- 순위에는 업로드 수와 누적 공부 시간이 함께 표시되며, 순위 결정에는 업로드 수가 우선시된다.
- 관리자 계정
- 관리자 전용 관리 페이지
- 업로드된 이미지 삭제
- 카운트 수정(증감)
- 경고 누적 및 특정 학번 업로드 제한
</aside>
이 아래서부턴 개발 관련 내용이라 굳이 안봐도 됩니다.
<aside>
페이지 설계(html 기준)
index → login, register →
- 랭킹 페이지(리더보드)
개인별 순위 (플래너 수, 순공시간)
반 별 순위 (플래너 수, 순공시간)
우리반 내부 랭킹(보류중)
피드 페이지 (3 中 택1)
form형태 (인스타 스토리 형태)
- table 형태 (일반 커뮤니티 표 형태)
- gallery 형태 (패들렛 형태)
마이 페이지
- 본인이 올린거 본인이 수정 및 삭제 가능하게 해줘야겠지?
- 작성페이지
- 이미지 첨부 공간
- 글 작성 공간
- 순공시간 작성 공간
- 학생 관리 페이지 ← 관리자용
- 이미지 모아보기 + 삭제 기능
- 카운트 수 변경 기능
- 경고 기능
</aside>
https://www.figma.com/proto/HoYLWet5EQFtKC62eX6oMr/Mobile-Apps-–-Prototyping-Kit--Community-?node-id=1207-451&t=98KSDPor6yd7kVmi-1&scaling=scale-down&content-scaling=fixed&page-id=1203%3A1581
<aside>
대강적인 계획
역할
html / css : 유은비
프론트 js : 조윤우
백 : 박지민
우선순위 (기능 중심)
- html 구조 구축
- DB 구조 및 스토리지 구조 구축
- 로그인 구현(+ 학번마다 최초 로그인 시 회원가입하게) * 회원가입은 비번 설정을 말함
- 페이지 간 이동 구
- 이미지 업로드 구현(+ 작성 페이지)
- 프론트로 이미지 받아서 백에서 스토리지에 저장하는거 구현
- 프론트에서 요청 → 백에서 cdn에 요청 → 백에서 프론트로 이미지 전달 → 프론트에서 표시 구현
- 카운트, 매일 표시되는 이미지 초기화(하루 지나면 프론트에 표시되는 목록 비우기), 1일 1회 제한 등 세부 기능 구현
- 랭킹 구현
- 관리자 기능 구현
- 도메인 연결 및 배포 테스트
</aside>
PLAN








