스터디카페 자리를 예약할 수 있는 웹 서비스
스터디카페에 갔는데 자리가 없어 급하게 주변에 있는 다른 스터디카페를 찾아보신 경험이 있으신가요? 헛걸음하는 것을 방지하기 위해 스터디카페 좌석을 예약할 수 있는 서비스를 기획하게 되었습니다.
- 이용자는 스터디카페 좌석 현황을 미리 파악하여 시간을 절약할 수 있습니다.
- 관리자는 이용자들과의 1:1 채팅을 통해 매장을 효율적으로 관리할 수 있습니다.
전체 개발 기간: 2024-06-25 ~ 2024-08-09 (7주)
 |
 |
 |
 |
|---|---|---|---|
| FE 팀원: 조현정 @HyunJungJo98 |
FE 팀원: 유의진 @ejinn1 |
BE 팀원: 이다은 @llynn97 |
BE 팀원: 김태훈 @TaeHoon0 |
- 스터디룸,좌석 예약
- 카카오페이 결제/취소
- 현재 예약 내역 조회
- 마이페이지 예약 내역 조회
- 스터디룸 자동 입실/퇴실 처리
- 좌석 입실/퇴실 처리
- 스터디카페 목록,상세 정보 조회
- 카카오/구글 로그인
- 마이페이지 회원 정보 조회
- 로그아웃, 회원 탈퇴
- 관리자 업장 정보 입력/수정/조회
- 관리자/사용자 1:1 채팅
| 분류 | 기술 스택 |
|---|---|
| Web | React, TypeScript, jotai, tailwind, stomp |
| CI/CD | Github Actions |
| Cloud Service | AWS EC2, AWS S3, AWS CodeDeploy, Nginx |
| Common | ESLint, Prettier |
| Design | Figma |
| 분류 | 기술 스택 |
|---|---|
| frameworks | Spring Boot, Spring Data JPA, Spring Security, Spring Quartz, STOMP, OAuth 2.0 |
| CI / CD | Github Actions |
| DataBase | MySQL, Redis |
| Cloud Service | AWS EB, AWS EC2, AWS Route53, AWS RDS, AWS S3 |
STOMP 메시지 전송시 spring security context 오류
프록시 객체가 아닌 내부 호출 시 트랜잭션이 적용되지 않는 오류
Spring security Oauth2.0 Login 오류
- 스터디카페 목록 표시 : 시, 군/구, 동을 선택하면 해당 주소에 위치한 스터디카페 목록이 표시된다.
- 스터디카페 상세 정보 표시 : 선택한 스터디카페의 상세 정보가 표시된다.
- 로그인 : 카카오 계정과 구글 계정으로 회원가입을 할 수 있다.
- 좌석 예약 : 사용 가능한 좌석과 시간을 선택하여 예약 할 수 있다.
- 스터디룸 예약 : 예약 가능한 시간을 선택하여 예약 할 수 있다.
- 결제 : 카카오 페이를 사용하여 간편 결제를 할 수 있다.
- 현재 예약 내역 확인 : 현재 예약한 내용을 확인하고 인증번호를 통해 출입 할 수 있다.
- 관리자 1:1 문의 : ‘관리자 1:1 문의’ 버튼을 누르면 해당 스터디카페 관리자와의 채팅방이 개설된다.
- 채팅 : 해당 스터디카페의 관리자에게 실시간으로 문의를 남길 수 있다.
- 예약 내역 조회 : 처음에 최근 30개 예약 내역을 표시하고 이후 날짜를 선택하면 해당 기간 안의 예약 내역을 표시한다.
- 스터디카페 정보 조회 : 현재 자신이 운영 중인 스터디카페의 상태를 확인할 수 있다.
- 스터디카페 정보 입력 : 새로운 스터디카페를 등록할 수 있다.
- 스터디카페 정보 상세보기 : 상세보기 버튼을 누르면 해당 스터디카페의 상세정보를 확인할 수 있다.
- 스터디카페 정보 수정 : 상세보기 페이지에서 수정하기 버튼을 누르면 해당 스터디카페의 정보를 수정할 수 있다.
- 채팅 : 스터디카페를 이용 중인 고객에게 실시간으로 문의를 답변할 수 있다.
