Hello World: 당신의 여행을 공유해보세요

기간: 2022-08-12 ~ 2022-09-01 (21일)

자세한 프로젝트 정보 및 시연 영상은 여기에서 확인 가능합니다.

목차

1. 서비스 소개
2. 프로젝트 목표
3. 기술 스택
4. 주요 기능
5. 기획 산출물
6. Credit roll
7. 회고
8. 실행 방법
   

---

✈️ 서비스 소개

코로나19 이후 변해버린 일상 속, ‘현재’와 ‘나’의 행복에 초점을 맞춘 개인은 여행을 통해 자신의 취향을 경험하고 기록한다는 의미의 해빗-어스(H.A.B.I.T-U.S.)가 2022년 국내관광의 핵심이 될 전망.

여행 일정표를 만들고 기록하며 공유할 수 있는 여행 커뮤니티

🎯 프로젝트 목표

1. 약 한 달 반 진행되었던 JavaScript 수업 내용을 복습하고 적용하는 프로젝트.
2. JS 프레임워크의 동작 방식을 심도 있게 이해하기 위해, Vanilla JS로 SPA 및 CBD를 구현하여 프로젝트 수행.
3. JWT를 이용한 로그인 회원가입 서비스 구현.

🛠 기술 스택

Front-end

Back-end

Version Control

Co-operation

✨ 주요 기능

기능	내용
auth	JWT를 이용하여 로그인, 회원가입, 로그아웃 기능 client 단에서 입력 값 validation 처리 기능
검색	데이터베이스에 등록된 여행 일정 검색 기능 Google map API Auto Complete를 활용한 여행지 자동 완성
새 일정 만들기 기능	여행 시작일, 종료일 기준으로 일 단위 여행 일정표 생성 시작일, 종료일 변경 시 동적으로 여행 일정표 변경
세부 일정 등록 및 편집 기능	카테고리를 선택하고 계획한 여행지를 검색하여 등록 등록된 여행지를 여행 일정표에서 Drag & Drop으로 이동 가능
일정 동선 확인 기능	세부 일정이 장소를 기준으로 시간 순서대로 지도에 마커를 찍으면서 선을 연결하여 일정 동선 파악

그 외 주요 구현 사항

• 마이페이지
• Date Picker
• 게시글 댓글 및 좋아요 기능

📑 프로젝트 산출물

기획서	요구사항 명세서	Figma

회의록	칸반보드 / 간트차트	Git Convention

👋 Credit roll

Name	🍑황도은	🦦 김다빈	🐋최원오	🦎박준하
Role	FE(팀장)	FE	FE	FE
e-mail	[email protected]	[email protected]	[email protected]	[email protected]
Github	https://github.com/dee0518	https://github.com/davinahi	https://github.com/choi1five	https://github.com/harseille
Blog	https://velog.io/@dee0518	https://velog.io/@dadak	https://velog.io/@o1_choi	https://velog.io/@dessin

💭 회고

인터뷰 형식으로 프로젝트를 회고를 했습니다. 프로젝트를 하며 받은 느낀점, 잘한점, 아쉬운 점, 앞으로의 포부를 팀 원 모두 함께 얘기하며 작성한 회고록 입니다.

여기를 클릭하면 Notion 회고록 페이지로 이동합니다.

💻 실행방법

npm install
npm start

폴더 최상단에 .env 파일 생성
SECRET_KEY="복잡한 비밀번호 설정"