프로젝트 소개
•
이름은 윤투두, 간단하게 로그인 + 투두리스트 서비스.
프로젝트 의의
•
기획부터 프론트, 백엔드, 배포까지 전 과정을 다 해보며 그 과정에서 얻은 지식과 노하우를 매일 정리한 후, 프로젝트가 끝난 뒤 블로그에 실제 만드는 과정을 작성해보는 것을 목표로 함.
•
템플릿화 하여 향후 팀프로젝트에 얼타지 않으면서도 팀원들에게 레퍼런스 삼을 수 있도록 정리할 예정.
기술스택
•
프론트
◦
리액트 (Vite)
◦
MUI, React router, React query, Recoil
◦
Github page
•
백엔드
◦
Spring Boot
◦
Mariadb (개발환경에서는 H2)
◦
AWS - EC2
◦
NGINX + HTTPS
•
기타
◦
Docker
◦
Github Action
관련 링크
유스케이스 모델링
1. 시스템 상황 분석
•
윤투두는 일반적인 투두리스트다. 가장 기본적인 기능인 투두 입력, 투두 조회, 투두 수정, 투두 삭제를 할 수 있다.
•
윤투두는 로그인을 해야만 이 기능을 이용할 수 있다. 그러므로 회원가입, 로그아웃 기능도 제공한다.
•
입력한 투두는 시간 역순으로 정렬되어 표시된다. 또한 완료 표시를 할 수 있으며 완료를 하면 제일 하단으로 이동한다. 완료한 투두끼리도 시간 역순으로 정렬되어 표시된다.
•
윤투두는 날짜마다 투두를 작성할 수 있다. 처음 로그인시, 제일 상단에 현재 달력을 표시하고, 그 달의 투두유무를 달력에 표시한다. 또한 달력 밑으로는 현재 날짜를 표시하며, 그 밑으로 투두 입력란과 리스트가 표시되다. 현재 날짜는 달력의 다른 날을 클릭시 그 날의 날짜로 바뀐다.
2. 액터 식별
•
윤투두 시스템을 이용하는 사용자 가 유일한 액터이다.
3. 유스케이스 식별
•
로그인을 한다
•
회원가입을 한다
•
날짜를 이동한다
•
투두리스트를 조회한다
•
투두를 입력한다
•
투두를 수정한다
•
투두를 삭제한다
•
투두를 완료한다.
•
투두를 완료 해제한다.
4. 유스케이스 다이어그램 작성
5. 유스케이스 명세
Table
Search
6. 유스케이스 실체화
API 명세서
Table
Search
프로젝트 관련 사진..
•
ERD
•
피그잼
