📚 Catch Study

스터디카페 자리를 예약할 수 있는 웹 서비스

https://catch-study.kro.kr/

스터디카페에 갔는데 자리가 없어 급하게 주변에 있는 다른 스터디카페를 찾아보신 경험이 있으신가요? 헛걸음하는 것을 방지하기 위해 스터디카페 좌석을 예약할 수 있는 서비스를 기획하게 되었습니다.

이 서비스를 이용하게 된다면

1. 이용자는 스터디카페 좌석 현황을 미리 파악하여 시간을 절약할 수 있습니다.
2. 관리자는 이용자들과의 1:1 채팅을 통해 매장을 효율적으로 관리할 수 있습니다.

🗓️ 개발 기간

전체 개발 기간: 2024-06-25 ~ 2024-08-09 (7주)

🙋‍♂️ 팀원 소개

FE 팀원: 조현정 @HyunJungJo98	FE 팀원: 유의진 @ejinn1	BE 팀원: 이다은 @llynn97	BE 팀원: 김태훈 @TaeHoon0

💫 담당 기능

이다은

• 스터디룸,좌석 예약
• 카카오페이 결제/취소
• 현재 예약 내역 조회
• 마이페이지 예약 내역 조회
• 스터디룸 자동 입실/퇴실 처리
• 좌석 입실/퇴실 처리

김태훈

• 스터디카페 목록,상세 정보 조회
• 카카오/구글 로그인
• 마이페이지 회원 정보 조회
• 로그아웃, 회원 탈퇴
• 관리자 업장 정보 입력/수정/조회
• 관리자/사용자 1:1 채팅

🛠️ 기술 스택

Front-End

분류	기술 스택
Web	React, TypeScript, jotai, tailwind, stomp
CI/CD	Github Actions
Cloud Service	AWS EC2, AWS S3, AWS CodeDeploy, Nginx
Common	ESLint, Prettier
Design	Figma

Back-End

분류	기술 스택
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

🧬 프로젝트 구조

🔫 Trouble Shooting

STOMP 메시지 전송시 spring security context 오류

프록시 객체가 아닌 내부 호출 시 트랜잭션이 적용되지 않는 오류

Spring security Oauth2.0 Login 오류

Quartz 작업 실행 시 트랜잭션 관련 오류

🌟 기능

일반 사용자

• 스터디카페 목록 표시 : 시, 군/구, 동을 선택하면 해당 주소에 위치한 스터디카페 목록이 표시된다.

• 스터디카페 상세 정보 표시 : 선택한 스터디카페의 상세 정보가 표시된다.

• 로그인 : 카카오 계정과 구글 계정으로 회원가입을 할 수 있다.

• 좌석 예약 : 사용 가능한 좌석과 시간을 선택하여 예약 할 수 있다.

• 스터디룸 예약 : 예약 가능한 시간을 선택하여 예약 할 수 있다.

• 결제 : 카카오 페이를 사용하여 간편 결제를 할 수 있다.

• 현재 예약 내역 확인 : 현재 예약한 내용을 확인하고 인증번호를 통해 출입 할 수 있다.

• 관리자 1:1 문의 : ‘관리자 1:1 문의’ 버튼을 누르면 해당 스터디카페 관리자와의 채팅방이 개설된다.

• 채팅 : 해당 스터디카페의 관리자에게 실시간으로 문의를 남길 수 있다.

• 예약 내역 조회 : 처음에 최근 30개 예약 내역을 표시하고 이후 날짜를 선택하면 해당 기간 안의 예약 내역을 표시한다.

스터디카페 관리자

• 스터디카페 정보 조회 : 현재 자신이 운영 중인 스터디카페의 상태를 확인할 수 있다.

• 스터디카페 정보 입력 : 새로운 스터디카페를 등록할 수 있다.

• 스터디카페 정보 상세보기 : 상세보기 버튼을 누르면 해당 스터디카페의 상세정보를 확인할 수 있다.

• 스터디카페 정보 수정 : 상세보기 페이지에서 수정하기 버튼을 누르면 해당 스터디카페의 정보를 수정할 수 있다.

• 채팅 : 스터디카페를 이용 중인 고객에게 실시간으로 문의를 답변할 수 있다.