<aside>

개요


학생회의 요청으로 제작하게 된 플래너 공유 웹. 자신의 학번으로 로그인하여 하루에 한 장 자신의 반 피드에 플래너 사진을 공부 시간과 함께 업로드할 수 있으며, 플래너 업로드 횟수가 카운트 된다. 이 카운트는 이벤트 종료 후 개인별, 반별 시상에 사용된다.

부적절한 이미지(플래너가 아닌 사진 등)을 업로드 할 경우 관리자에 의해 삭제될 수 있으며, 이때 경고를 받게 된다. 경고 누적 2회(추후 변경 가능)일 시 사용자의 업로드가 제한된다.

시상은 플래너 업로드 수를 기준으로 하되, 동점자에 한해 누적 공부 시간 순으로 순위를 결정한다.

</aside>


<aside>

구현해야 하는 기능



이 아래서부턴 개발 관련 내용이라 굳이 안봐도 됩니다.


<aside>

페이지 설계(html 기준)


index → login, register

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 : 조윤우

백 : 박지민

우선순위 (기능 중심)


  1. html 구조 구축
  2. DB 구조 및 스토리지 구조 구축
  3. 로그인 구현(+ 학번마다 최초 로그인 시 회원가입하게) * 회원가입은 비번 설정을 말함
  4. 페이지 간 이동 구
  5. 이미지 업로드 구현(+ 작성 페이지)
  6. 프론트로 이미지 받아서 백에서 스토리지에 저장하는거 구현
  7. 프론트에서 요청 → 백에서 cdn에 요청 → 백에서 프론트로 이미지 전달 → 프론트에서 표시 구현
  8. 카운트, 매일 표시되는 이미지 초기화(하루 지나면 프론트에 표시되는 목록 비우기), 1일 1회 제한 등 세부 기능 구현
  9. 랭킹 구현
  10. 관리자 기능 구현
  11. 도메인 연결 및 배포 테스트 </aside>

PLAN

KakaoTalk_20250719_070222812.png

KakaoTalk_20250719_023306878.png

KakaoTalk_20250719_064131635.png

KakaoTalk_20250719_064147803.png

KakaoTalk_20250719_065512608.png

KakaoTalk_20250719_065652564.png

KakaoTalk_20250719_065920682.png

KakaoTalk_20250719_065939049.png

KakaoTalk_20250719_070021106.png