- 조사한 문제: 사용자가 간편하게 호스팅할 공간을 등록하고 또 이용할 수 있는 서비스가 필요
- 프로젝트 목적: 사용자가 Host와 동시에 Guest가 되는 편리한 서비스 개발
- 기대 효과: 간편한 공간 예약 및 호스팅
- 활용 방안: 공간 예약, 호스팅
-
주제: 공간 대여 플랫폼
-
메인 기능: 시간대별 공간 예약, 공간에 대한 다양한 정보 제공
-
서브 기능
- Q&A, 리뷰 등을 통한 게스트와 호스트의 상호작용
- 관리자 공지사항 기능
-
기능
- 내 정보 수정 및 프로필 사진 등록
- 내 예약 내역
- 내가 작성한 리뷰 및 Q&A 목록
- 지역, 공간유형, 공간명, 해시태그 등 키워드로 공간 검색
- 등록순, 가격순 등 공간 조회 필터링
- 공간 이미지 슬라이드
- 공간 설명 및 지도
- 날짜별 예약 불가능한 시간대 필터링
- 시간대별 공간 예약
- 호스트 등록
- 공간/룸 등록 및 수정, 삭제
- 내 공간 예약 내역 관리
- 내 공간 리뷰 및 Q&A 관리
- 유저 관리
- 전체 예약 내역 관리
- 공지사항
-
기존 서비스의 단점 -> 본 프로젝트의 장점
기존 서비스는 공간 호스팅을 하려면 호스트 계정을 따로 생성해야하는 번거로움이 있었음.
→ 본 프로젝트는 호스트 계정을 따로 생성할 필요 없이 일반 유저도 호스트 등록만 하면 공간 호스팅이 가능
→ 호스팅 접근성 상승 -
본 웹서비스의 사용자가 경험할 효과 및 장점
다양한 필터와 검색을 통해 편리하게 공간 검색 가능
복잡한 로그인 없이 계정 하나로 공간 호스팅과 공간 대여 예약 가능
-
사용 스택
- 프론트엔드
- React
- Styled-components
- Axios
- 백엔드
- TypeScript
- 프레임 워크: Nest
- DB: MySQL, typeORM
- DevOps: Jenkins, AWS EC2, S3(lambda)
- 기타 협업도구 : Swagger, Postman, Slack
- 프론트엔드
-
와이어프레임 (Figma 등 링크 삽입) Figma - https://www.figma.com/file/11R0lkBAQmi4Pv2Js7fkUX/elice-project2?node-id=0%3A1
-
스토리보드 및 유저 시나리오
- 홈 화면에서 어떤 버튼을 클릭하여 어떤 페이지로 이동할 수 있다.
- 이 버튼을 클릭하면 이런 웹 서비스가 실행된다.
| 이름 | 역할 | 구현 기능 |
|---|---|---|
| 강예정 | 프론트엔드 | 공간,룸 CRUD, 유저목록 |
| 김미지 | 프론트엔드 | 공간 상세, 공간 예약, 호스트/어드민 예약관리, 호스트 Q&A 관리 |
| 나해란 | 프론트엔드 | 홈, 공간 목록, 공지사항 |
| 남연진 | 프론트엔드 | 로그인, 로그아웃, 회원가입, 마이페이지, 리뷰, Q&A |
| 김태훈 | 백엔드 | EC2 MySQL 서버 생성 및 관리, 관계형 DB 모델링 및 ERD 작성, REST API 개발 및 Swagger 문서 작성, 인증/인가 구현, Slack Git 연동 등 |
| 장종원 | 백엔드 | EC2 Jenkins(CI&CD), DB 구축 및 REST API 개발, API Document(Swagger), AWS S3(lambda) |
https://www.figma.com/file/11R0lkBAQmi4Pv2Js7fkUX/Twogather?node-id=0%3A1
#7. API명세서
기 등록 페이지
