README.md

TR1LL1ON 💸 프론트엔드

📝 프로젝트 소개

야놀자와 에어비앤비를 벤치마킹한 숙박 웹 프로젝트

TEST용 ID: [email protected]
TEST용 PASSWORD: 12345678

노션은 이곳을 클릭해주세요.
피그마는 이곳을 클릭해주세요
백엔드 레포지토리는 이곳을 클릭해주세요.

🛠️ 기술 스택

✅ FrontEnd

Language

Development

CI/CD

Design

✅ BackEnd

Framework

DB

Infra

CI/CD

📚 주요 기능

로그인/회원가입	숙소/객실
예약/장바구니	결제
예약내역/리뷰작성	주변숙소 검색
카테고리

🖌️ 프로젝트 아키텍처

📖 Git convention

✅ Work Flow

1. 기능명세를 기반으로 Issue 생성
2. 생성한 Issue 번호로 로컬에서 브랜치 생성(feature/#이슈번호)
3. dev의 최신변경사항을 pull 받아서 동기화
4. 구현완료후 dev로 push후 Pull Request 생성
5. 14:00에 팀원들과 함께 conflict 해결 후 dev로 merge
6. 브랜치 삭제후 1번으로

✅ Commit log

Feat : 새로운 기능 추가
Fix : 버그 수정
Style : 코드 스타일 수정 (세미 콜론, 인덴트 등의 스타일적인 부분만)
Refactor : 코드 리팩토링 (더 효율적인 코드로 변경 등)
Design : CSS 등 디자인 추가/수정
Comment : 주석 추가/수정
Docs : 내부 문서 추가/수정
Test : 테스트 추가/수정
Chore : 빌드 관련 코드 수정, 개발 환경 관련 설정
Move : 파일 및 폴더명 수정
Remove : 파일 삭제

✅ Branch Naming

feature/#이슈번호

✅ Branch strategy

main

• 소비자가 사용하는 제품이 존재하는 (배포될 코드가 있는) 브랜치
  • PR받는 브랜치: dev
  • Pull Request merge 완료후 dev push 받기

dev(develop)

• 개발 단계의 코드가 있는 (개발의 중심) 브랜치
• 개발 자체는 feature 브랜치에서 진행
  • PR받는 브랜치: feature/#이슈번호
  • 14:00에 다같이 Pull Request merge

feature/#이슈번호

• 특정한 기능 (단위 기능) 을 구현하는 브랜치
• 기능 구현이 완료되면, dev로 pr
  • PR나가는 브랜치: dev
  • 구현완료시 Push후 Pull Request 생성

---

📂 폴더 구조

📦src
 ┣ 📂api
 ┣ 📂assets
 ┣ 📂components
 ┃ ┣ 📂layout
 ┃ ┣ 📂template
 ┃ ┃ ┣ 📂account
 ┃ ┃ ┣ 📂cart
 ┃ ┃ ┣ 📂main
 ┃ ┃ ┣ 📂mypage
 ┃ ┃ ┣ 📂notFound
 ┃ ┃ ┣ 📂payment
 ┃ ┃ ┗ 📂products
 ┃ ┃ ┃ ┣ 📂GuestModal
 ┣ 📂hooks
 ┣ 📂interfaces
 ┣ 📂pages
 ┃ ┣ 📂cart
 ┃ ┣ 📂main
 ┃ ┣ 📂mypage
 ┃ ┣ 📂payment
 ┃ ┗ 📂products
 ┣ 📂router
 ┣ 📂states
 ┣ 📂style
 ┃ ┣ 📂account
 ┃ ┣ 📂cart
 ┃ ┣ 📂common
 ┃ ┣ 📂header
 ┃ ┣ 📂main
 ┃ ┣ 📂mypage
 ┃ ┣ 📂payment
 ┃ ┣ 📂products
 ┣ 📂util
 ┣ 📜App.tsx
 ┣ 📜constant.ts
 ┣ 📜constants.ts
 ┣ 📜index.css
 ┣ 📜main.tsx
 ┗ 📜vite-env.d.ts

🧑🏻‍💻 팀 소개 및 역할

✨ 팀 소개

장호진 (FE) 팀장	심정아 (FE) 팀원	지홍규 (FE) 팀원	윤지영 (FE) 팀원	이재준 (FE) 팀원
leHiHo	joanShim	JiHongkyu	developer-jyyun	Gaoridang
초기설정 배포 모킹서버 리뷰 CRUD 객실 상세 예약내역	메인화면 검색(전체,카테고리,지역별) 캘린더(체크인/체크아웃) 지도(숙소위치)	로그인 회원가입 장바구니	숙소상세 리뷰조회 게스트모달 편의시설	결제 카테고리

📆 기간

2023.11.20 ~ 2023.12.01