본 내용은 내일배움캠프에서 활동한 내용을 기록한 글입니다.
💻 TIL(Today I Learned)
📌 Today I Done
✏️ 프로젝트 소개
- 프로젝트 명 : 댕냥이를 부탁해
- 소개
- 한 줄 정리 : 반려동물 집사들과 펫시터를 매칭시켜주는 서비스
- 내용 :
- 펫시터란, 여행 등의 이유로 집을 비우는 보호자를 대신하여 반려견을 돌보는 사람을 의미
- 본인의 일정이 바쁠 때, 대신 반려동물을 잘 돌봐줄 펫시터를 매칭하는 서비스
- 펫시터가 올린 게시물을 통해서 펫시터의 상세 정보 확인 가능
- 사용자는 펫시터와 날짜를 선택해서 신청 가능
✏️ 와이어 프레임
-
와이어 프레임은 팻플래닛이라는 사이트를 조금 벤치마킹해서 만듦
-
기본적으로 메인 페이지에서 펫시터가 거주하는 지역을 검색하면 그 지역의 펫시터들의 목록을 보여줌
-
그리고 예약하기 버튼을 누르면 예약할 수 있는 창으로 이동하고 그 곳에서 날짜와 펫시터를 선택해서 예약을 진행함
✏️ ERD 다이어그램
-
ERD에서 생각보다 시간이 오래 걸림
-
계속해서 기능을 구상하다보니 테이블의 수가 많아졌고 그에 대한 고민 또한 깊어졌음
-
기본적으로 사용자와 펫시터에 대한 테이블이 존재하고, 그 테이블들을 중심으로 예약, 리뷰, 이메일 인증 등의 테이블이 관계를 맺고 있음
✏️ API 명세서
-
API 명세서 역시 기능에 대한 로직을 생각하다보니 점점 그 수가 늘었음
-
원래는 펫시터에 대한 CRUD를
Seeding으로 대체하려고 했으나, 펫시터에 대한 구현이 없어지면 기능적으로 너무 간단해지기 때문에 펫시터에 대한 CRUD도 구현할 예정
✏️ VSCode 프로젝트 기본 세팅
- VSCode로 기본적인 package.json이나 prisma와 같은 파일을 만들어서 Git에 올림
# yarn 프로젝트를 초기화합니다.
yarn init -y
# express, prisma, @prisma/client 라이브러리를 설치합니다.
yarn add express prisma @prisma/client
# nodemon 라이브러리를 DevDependency로 설치합니다.
yarn add -D nodemon
# 설치한 prisma를 초기화 하여, prisma를 사용할 수 있는 구조를 생성합니다.
npx prisma init- 그에 대한 기본적인 파일 구조
내 프로젝트 폴더 이름
├── prisma
│ └── schema.prisma
├── src
│ └── constants
│ └── controllers
│ └── errors
│ └── middlewares
│ └── validators
│ └── repositories
│ └── routers
│ └── services
│ └── utils
│ └── app.js
├── .env
├── .gitignore
├── package.json
└── yarn.lock📌 Tomorrow's Goal
✏️ 펫시터 팀프로젝트 기능 구현
-
역할 분담으로 맡게 된 펫시터에 대한 코드를 작성할 예정
-
펫시터 조회(검색), 펫시터 목록 조회, 펫시터 상세 조회, 펫시터 수정, 펫시터 예약 상태 변경에 대한 기능을 구현할 예정
-
그리고 구현하면서 API 명세서에 대한 구체적인 내용도 채울 예정
📌 Today's Goal I Done
✔️ 팀프로젝트 SA 작성 및 기본 설정
-
오늘은 드디어 팀프로젝트가 발제되는 날!!
-
사실 지난주에 이미 문서는 발제가 되어서 해야 하는 내용들은 알고 있었지만 막상 구현할려고 하니 생각해야 하는게 끝도 없이 나옴
-
특히 ERD에서 팀원들과의 회의를 통해서 지속적으로 수정해 나아갔음
-
그리고 API 명세서 역시 회의를 거듭하다보니 구현해야 할 기능(API)가 계속 나왔음
-
늦은 시간까지 팀원들에게 정말 미안함을 느낌 (근데... 사실 완성해야 하는 걸...ㅠㅠ)
-
이렇게 팀원들이 힘내서 도와주는 만큼 더욱 열심히 구현해야겠음
