⭐ 프로젝트 소개

• 이름은 윤투두, 간단하게 로그인 + 투두리스트 서비스.

⭐ 프로젝트 의의

• 기획부터 프론트, 백엔드, 배포까지 전 과정을 다 해보며 그 과정에서 얻은 지식과 노하우를 매일 정리한 후, 프로젝트가 끝난 뒤 블로그에 실제 만드는 과정을 작성해보는 것을 목표로 함.
• 템플릿화 하여 향후 팀프로젝트에 얼타지 않으면서도 팀원들에게 레퍼런스 삼을 수 있도록 정리할 예정.

⭐ 기술스택

• 프론트
  • 리액트 (Vite)
  • MUI, React router, React query, Recoil
  • Github page
• 백엔드
  • Spring Boot
  • Mariadb (개발환경에서는 H2)
  • AWS - EC2
  • NGINX + HTTPS
• 기타
  • Docker
  • Github Action

⭐ 관련 링크

• 프론트 깃허브 레포
• 백엔드 깃허브 레포
• 프론트 배포 링크

⭐ 유스케이스 모델링

1. 시스템 상황 분석

• 윤투두는 일반적인 투두리스트다. 가장 기본적인 기능인 투두 입력, 투두 조회, 투두 수정, 투두 삭제를 할 수 있다.
• 윤투두는 로그인을 해야만 이 기능을 이용할 수 있다. 그러므로 회원가입, 로그아웃 기능도 제공한다.
• 입력한 투두는 시간 역순으로 정렬되어 표시된다. 또한 완료 표시를 할 수 있으며 완료를 하면 제일 하단으로 이동한다. 완료한 투두끼리도 시간 역순으로 정렬되어 표시된다.
• 윤투두는 날짜마다 투두를 작성할 수 있다. 처음 로그인시, 제일 상단에 현재 달력을 표시하고, 그 달의 투두유무를 달력에 표시한다. 또한 달력 밑으로는 현재 날짜를 표시하며, 그 밑으로 투두 입력란과 리스트가 표시되다. 현재 날짜는 달력의 다른 날을 클릭시 그 날의 날짜로 바뀐다.