[엘리스 sw 엔지니어 트랙] 76~80일차 스탠바잇 프로젝트 3주차

수업 76~80일차

프로젝트 3주차이고 엘리스 SW트랙의 마지막 주가 되었다. 4월부터 시작하여 뭐를 듣고 뭐를 만들고 했지만 머리에는 깊게 들어오지 않고 아쉬움도 많이 남는 기간이였다. 하지만 개발자를 하기로 마음먹고 FrontEnd가 맞을지 BackEnd가 맞을지도 모르는 상태였는데 엘리스를 통해 나는 백엔드쪽에 흥미가 많구나 API를 열어줄때 짜릿함이 느껴져서 방향을 잡을수 있어서 좋았던것 같습니다~!

이론

이번주는 너무 아쉬움이 많이 남는 주였다.
큰 이유는 백엔드 파트를 담당했지만 프론트엔드 팀원들이 진전 상황이 너무 적고 만든 기능도 다 못쓰겠다는 말만 하는 분들이 계서서 원하는 만큼 완성을 못했다...
1차때도 잘하지 못한거 같아서 잘만들어보고 싶었는데 아쉬운게 되어버렸다 ㅠㅠ

휴...

백엔드 파트에서는 더 기능을 개발하고 싶어도 이때까지 만들어준 기능도 다 못쓰는 상황이기 때문에 프론트 쪽에 붙어서 도와줬다.
데이터 값을 어떻게 쓰는지 부터 데이터 값을 쓰기 어렵다는 스키마가 있어서 아예 스키마를 갈아버리고 당장 쓰기 쉽게 만들어 줬다.

메인 홈페이지

가게 리스트 정보

가게 상세 페이지

예약 시간 설정

예약 완료

마이 페이지

리드미

네.. 리드미도 제가 작성했습니다...

![header](https://capsule-render.vercel.app/api?&type=waving&color=gradient&height=300&section=header&text=Stand_By_Eat&descSize=35&descAlign=67&fontSize=90&fontAlign=50&fontAlignY=45&fontColor=fff&animation=twinkling)

<img src="https://standbyeat.s3.ap-northeast-2.amazonaws.com/store/1658990871007_%ED%85%8C%EC%9D%B4%EB%B8%94%EB%A7%81+%EC%95%84%EC%9D%B4%EC%BD%98.png%7D" width="300">

# 스탠바잇🍽

> 웨이팅 하기 힘드셨다구요? <br />
> 찾아본 맛집을 예약하고 싶으시다구요? <br />
> 점주분들이던 손님이던 음식 예약은 <b>스탠바잇<b>에게 맡겨주세요!<br />

## 서비스 소개

웹을 이용하여 간편하게 식당 예약을 도와주는 서비스입니다.
점주분께서는 가게 등록을 하시어 손쉽게 예약 대행!
손님께서는 편하게 예약!

<br />

## 1. 기획 의도, 목적

- 최근 골목식당 컨셉의 식당이 주를 이루게 되면서 갈만한 식당들은 대기가 1시간씩 걸리는 경우가 대부분입니다. 이런 소비자들의 불편함을 조금이나마 해소하기 위해 식당 시간 예약 서비스를 만들게 되었습니다.
- 해당 서비스를 이용하면 소비자들이 덥거나 추운 날씨에 밖에서 굳이 오랜시간 기다리거나 하지 않고 가서 바로 식당을 이용할 수 있을 것이라 기대합니다.

## 2. 웹 서비스의 주제 및, 최종적인 메인 기능과 서브 기능 설명

- 주제: 식당 예약 서비스
- 메인 기능
  - owner는 본인의 식당을 등록하고 위치, 메뉴 등을 입력한다.
  - user가 예약하고 싶은 날짜와 시간, 인원, 지역을 정해 예약가능한 식당을 보여준다.
  - user는 예약한 식당의 지도를 확인하고 카카오톡으로 예약완료 알림을 받는다.(사업자 등록증 및 금액 이슈로 카카오 알림톡 사용제한)
- 서브 기능
  - 로그인/회원가입
  - 맛집 목록
  - 마이페이지
  - 관리자 페이지
  - 지도 기능
  - 필터 기능
  - 메뉴 등록
  - 예약 관리
    <br />

## 3. Figma

<br />
[Figma Link](https://www.figma.com/file/ey4pOq90z2jHRkivXGDeLq/%ED%85%8C%EC%9D%B4%EB%B8%94%EB%A7%81-%EC%98%88%EC%95%BD)

## 4. 스키마 및 기능 명세서

<br />
<img src="https://standbyeat.s3.ap-northeast-2.amazonaws.com/store/1659005741832_%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B5%E1%84%86%E1%85%A1.png%7D" width="700">
<img src="https://standbyeat.s3.ap-northeast-2.amazonaws.com/store/1659005741822_%E1%84%80%E1%85%B5%E1%84%82%E1%85%B3%E1%86%BC%E1%84%86%E1%85%AE%E1%86%AB%E1%84%89%E1%85%A5.png%7D" width="700">
<br />
[Schema Link](https://docs.google.com/spreadsheets/d/18wSjjrUqZakAKz6wTBfXr6sPJwrnJSJTrbowwTkci1I/edit#gid=276855386)

## 5. API 명세서

<br />
<img src="https://standbyeat.s3.ap-northeast-2.amazonaws.com/store/1659005741848_%E1%84%91%E1%85%A9%E1%84%89%E1%85%B3%E1%84%90%E1%85%B3%E1%84%86%E1%85%A2%E1%86%AB.png%7D" width="700">
<br />
[Postman Link](https://documenter.getpostman.com/view/20983410/UzQyrivc)

## 6. 스택

<br />

### FRONT

<img src="https://img.shields.io/badge/React-61DAFB?style=for-the-badge&logo=React&logoColor=white">
<img src="https://img.shields.io/badge/CSS-1572B6?style=for-the-badge&logo=CSS&logoColor=white">
<img src="https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge&logo=HTML5&logoColor=white">
<img src="https://img.shields.io/badge/styled components-DB7093?style=flat-square&logo=styled-components&logoColor=white">

### BACK

<img src="https://img.shields.io/badge/Node.js-339933?style=for-the-badge&logo=Node.js&logoColor=white">
<img src="https://img.shields.io/badge/JavaScript-F7DF1E?style=for-the-badge&logo=JavaScript&logoColor=white">
<img src="https://img.shields.io/badge/Express-000000?style=for-the-badge&logo=Express&logoColor=white">
<img src="https://img.shields.io/badge/MongoDB-47A248?style=for-the-badge&logo=MongoDB&logoColor=white">
<img src="https://img.shields.io/badge/NGINX-009639?style=for-the-badge&logo=NGINX&logoColor=white">
<img src="https://img.shields.io/badge/PM2-2B037A?style=for-the-badge&logo=PM2&logoColor=white">
<img src="https://img.shields.io/badge/AmazonS3-569A31?style=for-the-badge&logo=AmazonS3&logoColor=white">
<img src="https://img.shields.io/badge/npm-CB3837?style=for-the-badge&logo=npm&logoColor=white">

## 7. 구성원 역할

| 이름   | 역할                                                                          | 구현 기능                                                                     |
| ------ | ----------------------------------------------------------------------------- | ----------------------------------------------------------------------------- |
| 김다영 | <img src="https://img.shields.io/badge/FE-FECC00?style=flat-square"/>- 팀장👍 | 로고, 아이콘 디자인 및 홈 화면, 식당 리스트 구현, 식당 예약정보 등록          |
| 정민희 | <img src="https://img.shields.io/badge/FE-FECC00?style=flat-square"/>         | 로그인 관련 기능, 마이페이지 유저 관련 프로필, 지역별 필터기능, 카카오맵 사용 |
| 진형빈 | <img src="https://img.shields.io/badge/FE-FECC00?style=flat-square"/>         |                                                                               |
| 오경찬 | <img src="https://img.shields.io/badge/BE-00A1E9?style=flat-square"/>         | 가게 등록, 예약 시스템, 메뉴 등록, 예약 시간, 이미지 등록, AWS S3 등 기능     |
| 박태훈 | <img src="https://img.shields.io/badge/BE-00A1E9?style=flat-square"/>         | 사용자,가게 사장,관리자 관련 기능                                             |

이번 프로젝트 각종 링크들
API 명세서 : https://documenter.getpostman.com/view/20983410/UzQyrivc
피그마 : https://www.figma.com/file/ey4pOq90z2jHRkivXGDeLq/%ED%85%8C%EC%9D%B4%EB%B8%94%EB%A7%81-%EC%98%88%EC%95%BD?node-id=0%3A1
스키마 : https://docs.google.com/spreadsheets/d/18wSjjrUqZakAKz6wTBfXr6sPJwrnJSJTrbowwTkci1I/edit#gid=276855386

좋지못했던 좋았던 많은 것을 배웠던 3주가 되었던거 같다.
앞으로는 백엔드 쪽을 더 많이 공부하여 멋진 개발자가 되었으면 좋겠다~!~!