방탈출 정보 사이트.

전국에 있는 방탈출 정보를 찾고계신가요?

방탈출 카페 정보, 테마, 활동성 등 다양한 정보를 얻고싶으신가요?

방탈출을 좋아하는 사람들을 위해 Web,App 어느 환경에서도 편하게 정보를 볼수있는 모아방을 만들었습니다!

• 2022.04.11 ~ 2022.05.20

• 인터넷 검색을 통해서 자신이 원하는 방탈출에 대한 정보를 일일이 모았어야 했다.
• 방탈출에 대한 공식 정보 외에 활동성, 추천 인원 등 다양한 정보까지 알기를 원했다.
• 생소한 방탈출에 대한 다른사람의 의견에 대한 정보도 원하는 사람이 많다.

• 각각의 카페마다 가지고있는 테마에 대한 정보를 모아놓아서 한눈에 원하는 방탈출을 찾을 수 있다!

• 테마에 대한 유저 평점, 활동성, 추천 인원 등 사용자들의 주관적인 평가도 볼 수 있어 내가 원하는 방탈출을 즐길 수 있다!

• 개발자도, 사용자도 모두 편리한 서비스를 개발하자!

• 주변에 있는 방탈출 카페 정보(위치 및 거리, 카페 이름 등)를 보기 쉽게 알려줍니다

  App

  Web

  

• 구글 맵(Android), 카카오 맵(Web) 등 Maps의 기능을 활용해 해당 테마의 위치 정보 및 카페 정보를 알려줍니다!

  App

  

  Web

  

• 카페에 속해있는 테마 정보를 볼 수 있습니다!

  App

  

  Web

  

• 테마별로 정렬한 항목을 볼 수 있어요!

  App

  

  Web

  

• 테마별 필터를 적용해서 원하는 항목의 테마를 볼 수 있어요.

  App

  

  Web

  

• 해당 테마 클릭시 테마의 상세 내용 및 리뷰를 볼 수 있어요!

  App

  

  Web

  

  • 해당 홈페이지로 이동하여 직접 예약을 하거나 정보를 볼 수 있어요! (Web의 경우에는 해당 사이트로 새 탭을 띄움.)

    

• 해당 테마에 대한 리뷰의 통계 정보 및 리뷰를 통해 사용자의 주관적인 의견을 직관적으로 볼 수 있어요!

  App

  

  Web(리뷰 쓰기, 리뷰 보기)

  

• 이용한 테마에 대한 리뷰를 작성, 수정, 삭제를 할 수 있어요

  

• 각 테마에서 비교하기를 누르면 비교 리스트로 해당 테마가 들어가요!

  App

  

  Web

  

  • 비교하기에 넣은 리스트에 최대3개까지 항목을 비교하여 최적의 선택을 할 수 있어요!

    App

    

    Web

    

• 커뮤니티를 통해서 해당 사이트의 공지, 구인, 자유 게시판 등 확인할 수 있어요!

  App

  

  Web

  

• 게시글 작성 및 수정을 할 수 있어요!

  App

  

  Web

  

• 게시글 댓글을 통해 다른 유저와 소통 할 수있어요!

  App

  

  Web

  

• 해당 유저의 이용 테마, 테마 비교, 찜한 테마, 작성한 글 등 볼 수 있어요!

  마이 페이지 작성글 관리

  App

  

  Web

  

  테마 비교

  App

  

  Web

  

  찜한 테마

  App

  

  Web

  

  이용한 테마

  App

  

  Web

  

Backend	Version
	1.8
	8.0
	2.4.2
	2.5.4
	2.9.2
	0.9.1

Frontend	Version

Android	Version
	BumbleBee 2021.1.1 Patch2
	KakaoSDK 2.9.0
	Google Maps 18.0.2
Retrofit	Retrofit 2.9.0
Room	Room 2.4.2
Viewmodel	Viewmodel 2.4.1

CI/CD

모아방은 Jenkins를 사용하여 자동 배포를 구축하였습니다.

Gitlab Webhook을 설정하여 Jenkins의 Gitlab trigger를 설정하였고, Gitlab의 Master branch에 Push가 되면 Frontend, Backend가 자동으로 Build가 되고 실행이 되어 배포가 가능하도록 구축하였습니다.

또한, Frontend에서 사용한 React.js는 Nginx를 사용하여 배포하고, Backend는 Build하여 나온 jar 파일을 nohup 명령어를 사용하여 백그라운드에서 실행하고 배포되도록 하였습니다.

• 배포 방법 보기

• Jenkins, Nginx를 사용한 자동 배포를 구현했습니다.

현재 브랜치 상황

Master - Develop ─ AOS
								 └ BE 
								 └ FE	
								 └ data	

feature/AOS/blahblah
feature/BE/blahblah
feature/FE/blahblah
feature/data/blahblah

• IDE에서 작성 시

[#Jira이슈번호] feat : :sparkles: 로그인 기능 추가

- 로그인 ui 개발
- 로그인 기능 개발
################
# <타입> : <제목> 의 형식으로 제목을 아래 공백줄에 작성
# 제목은 50자 이내 / 변경사항이 "무엇"인지 명확히 작성 / 끝에 마침표 금지
# 예) [#Jira이슈번호]feat : :sparkles: 로그인 기능 추가

# 바로 아래 공백은 지우지 마세요 (제목과 본문의 분리를 위함)

################
# 본문(구체적인 내용)을 아랫줄에 작성
# 여러 줄의 메시지를 작성할 땐 "-"로 구분 (한 줄은 72자 이내)

################
# feat : :sparkles: 새로운 기능 추가
# fix : :bug: 버그 수정
# docs : :memo: 문서 수정
# test : :white_check_mark: 테스트 코드 추가
# refact : :zap: 코드 리팩토링
# style : :art: 코드 의미에 영향을 주지 않는 변경사항
# chore : :apple: 빌드 부분 혹은 패키지 매니저 수정사항
# error : :rotating_light: 에러가 해결되지 않은 코드. merge request 하면 안 됨
################

• master[배포] 👉 develop[개발] 👉 feature [기능]

• 애자일(Agile) 방식

• 스프린트(Sprint) : 각 주의 월요일 오전 회의를 통해서 이번 주에 진행할 이슈 및 특이사항 들을 스프린트에 일주일 단위로 생성하여 진행하였습니다.

• 데일리 스크럼(Daily Scrum) : 어제 진행했던 사항 및 이슈와 오늘 진행할 사항들에 대해서 5~10분 간 짧은 회의를 진행하였습니다.

• 1️⃣ Epic : 큰 단위의 주요 기능들

• 2️⃣ Story : 해당 Epic의 세부적인 기능들로 구성

• 3️⃣ Label : FrontEnd, BackEnd 의 작업을 명시하기 위해서 사용

• 매일 회의록을 작성하고, 프로젝트를 정리 및 관리하기 위해 사용했습니다.

  

• Webex를 대체하는 온라인 작업실로 사용했습니다.

• Git과 Jira를 연동해서 이슈 발생 시 Mattermost 를 통해 알림

• 모닝 스크럼 및 회의 부분에서 온라인 작업실로 사용했습니다.

윤승일 👑팀장

김현수

이승관

임기태

정경훈

최성석

모아방 사이트 및 앱 다운