README.md

🐕 Delgo Travel Client Repository 🐕

📚 Contents

• 🐶 Service Introduce

• 🐶 Repositories

• 🐶 Technology

• 🐶 Team Introduce

• 🐶 Store Link

• 🐶 Develop Period

• 🐶 Result

💁 Service Introduce

반려견 동반 여행 O2O 서비스 플랫폼

• 지역별 숙소정보 제공

• 일정별 가격 비교 / 예약 현황 확인

• 토스페이먼츠 활용한 예약 결제 / 취소

• 쿠폰 / 포인트 할인

• 리뷰를 통한 숙박업소 후기

• 마음에 드는 숙소찜

• DELGO 자체 숙소추천

📂 Repositories

• 🔗 Delgo-Organization

• 🔗 Delgo-Travel-Frontend

• 🔗 Delgo-Travel-Backend

• 🔗 Delgo-Travel-Android

• 🔗 Delgo-Travel-IOS

• 🔗 Delgo-Travel-PMS-Frontend

• 🔗 Delgo-Travel-PMS-Backend

🛠 Technology

⚙️ Tech Stack

React, Redux Toolkit, React Query, SCSS, TypeScript, Eslint, Prettier, Kakao Map, Toss Payments, Spring Boot, JPA, Maria DB, Nginx, Apache Tomcat, NCP, Object Storage, Jenkins, JWT, OAuth 2.0, REST API

⚙️ Architecture

MVC

⚙️ ERD

💁 Team Introduce

Name	Part	Development
정석우	front-end	숙소 검색 서비스 구현 지역별 숙소 필터링 일정별 숙소 예약현황, 가격정보 노출 나의 저장소 서비스 구현 위시리스트 숙소 리스트 노출 예약내역 리스트 노출 리뷰 작성 서비스 구현 formdata & createObjectURL 메서드 이용한 이미지확장자 파일 업로드(리뷰사진) 별점, 텍스트, 이미지를 통한 리뷰작성 숙소 상세 서비스 구현 숙소사진, 별점, 리뷰, 룸리스트, 예약현황, 예약금액, 주소, 공지, 환불규정 노출 리뷰사진 후기 필터링 Kakao Map API 이용한 숙소위치 노출 Redux Toolkit을 이용한 숙소정보, 룸정보 상태관리 예약 결제 서비스 구현 Toss Payments API 이용한 예약결제, 취소 쿠폰, 포인트 이용한 할인 Redux Toolkit을 이용한 예약정보 상태관리(예약자명,숙소명,방타입명,쿠폰사용 유무,결제가격,일정) 예약 조회 서비스 구현 예약대기, 예약확정 예약 취소 구현 환불규정에 따른 예약, 결제 취소 네이티브 Bridge 함수 연결 Ios,Android copyToClipboard Ios,Android vibrate Ios,Android goToPlusFriends Ios,Android setNotify Ios numToCall 예약관리 시스템(PMS) 웹사이트 구현 로그인 구현 예약대기 -> 예약취소 구현 예약대기 -> 예약확정 구현 예약확정 -> 예약취소 구현 에디터 노트 서비스 구현 숙소 추천 서비스 구현 위시리스트 추가, 삭제 구현 React Query를 이용한 데이터 패칭, 에러핸들링, 로딩처리등 비동기처리와 서버상태 관리 Redux Toolkit을 이용한 스크롤위치, 지역명, 탭 상태관리 Axios.Interceptors 이용한 JWT 만료 에러 핸들링 React-Modal-Sheet 이용한 Modal Sheet 구현 React-Loading-Skeleton 이용한 숙소 Skeleton UI 구현 React-Responsive-Carousel 이용한 숙소이미지 Slider 구현
김찬규	front-end	로그인 서비스 개발 JWT Access, Refresh Token 관리 비밀번호 찾기 OAuth2.0 로그인 Kakao, Naver, Apple Redux Toolkit으로 회원 정보 상태 관리 회원가입 서비스 개발 핸드폰 인증을 통한 회원가입 구현 입력값 정규식으로 유효성 검사, 불필요한 통신 최소화 FormData로 강아지 사진 등록 OAuth2.0 회원가입 Kakao, Naver, Apple 회원 정보 페이지 서비스 개발 강아지 정보, 사진 수정 회원 정보 수정 예약 현황 확인 로그아웃, 회원탈퇴 쿠폰 조회,등록 리뷰 목록 페이지 설정 페이지 체험 기능 구현 로그인이 필요한 기능은 SignIn페이지로 보내는 Alert Redux Toolkit을 통한 전역 비동기 Error Alert 기능 개발 Calendar 개발 Room Type에 따른 예약 가능 날짜,가격 동기화 홈 화면 내부 페이징 가능한 예약현황 확인 서비스 개발 앱 내부 애니메이션, 효과 이미지 browser-image-compression로 Base64 압축 후 FormData 업로드
이동재	back-end	DB 설계 Spring Security & JWT 세팅 및 인증 구현 Delgo 로그인 도메인 개발 Spring Data JPA 세팅 Spring Boot로 Delgo RESTful API 개발<li예약 도메인 개발 숙소 조회 도메인 개발 리뷰 도메인 개발 리뷰작성시 사진 Upload & Ncp Object Storage 연동 개발 회원가입시 사진 Upload & Ncp Object Storage 연동 개발 캘린더 도메인 개발 쿠폰 도메인 개발 카카오 로그인 개발 기존 로그인 OAuth 로그인 연동 개발 @ExceptionHandler 이용 공통예외처리 세팅 Spring Inteceptor Log 세팅 Get & Post Log 세팅 [ 요청 url, Parameter , 결과 코드, 결과 내용 ] Quartz & Crontab 이용 Crawling 개발 실시간 예약 정보 취득 Crawling 특정 숙소 등록 Crawling NCP 연동 API 서버 배포 WEB 서버 배포 User, Review 사진 저장을 위한 Object Storage 세팅 Letsencrypt, Certbot을 이용한 서비스 SSL 보안 적용
조현서	back-end ios android	회원 서비스 개발 유저, 펫 DB 관리 회원가입 프로세스 회원가입 시 이메일, 핸드폰 번호 등 중복 데이터 검증 핸드폰 인증 DB 관리 핸드폰 인증 로직 핸드폰 번호 정규식으로 데이터베이스에 정해진 형식으로 저장 회원 정보, 강아지 정보 수정 회원탈퇴 기능 개발 알림 서비스 개발 NCP의 sms 서비스를 활용한 핸드폰 인증 기능 담당 NCP의 BizMessage 서비스를 활용한 카카오톡 알림 기능 담당 결제 서비스 개발 결제 취소 로직 개발 CI/CD Jenkins를 이용한 React-Nginx 자동 배포 Jenkins를 이용한 Springboot 자동 배포 Android 웹뷰 앱 개발 리액트와 안드로이드 간의 통신 구현 최초 실행 시 갤러리 등 디바이스 접근 권한 설정 웹뷰와 통신하여 진동, 디바이스 설정으로 이동 등 설정 웹뷰와 통신하여 카카오톡 플러스 친구로 이동 기능 개발 Ios 웹뷰 앱 개발 리액트와 iOS 간의 통신 구현 최초 실행 시 알림 권한 설정 웹뷰와 통신하여 진동, 디바이스 설정으로 이동 등 설정 웹뷰와 통신하여 카카오톡 플러스 친구로 이동 기능 개발

🛒 Store Link

• 🔗 Android

• 🔗 IOS

📅 Develop Period

22.03.15 ~

📷 Result