35-COLLABORATION-WEB-LOTTE_CINEMA

35기 AND SOPT 합동 세미나 모바일 웹 2팀 - 롯데시네마 레포지토리 🍿

FE developer 👩🏻‍💻👨🏻‍💻

김고은 GitHub	김한서 GitHub	이진혁 GitHub	최정완 GitHub
시간선택 VIEW	좌석선택 VIEW	상영관선택 VIEW 정보확인 및 인원선택 VIEW	메인 VIEW

🔗 역할 분담

🐶 고은

종류	목록
setting ⚙️	폴더 구조 설정 react-router-dom .gitignore
view 📱	시간 선택 페이지 MobileLayout
api 📡	인기 차트 조회(GET) 상영관 & 시간 조회(GET)

🐭 한서

종류	목록
setting ⚙️	React Query Path Alias
view 📱	좌석 선택 페이지
api 📡	좌석 정보 조회(GET) 예매하기(POST)

😿 정완

종류	목록
setting ⚙️	ESlint & Prettier StyleLint
view 📱	메인 페이지
api 📡	인기 차트 조회(GET) 단독 상영 조회(GET)

🕊️ 진혁

종류	목록
setting ⚙️	GlobalStyle & theme svgr tsconfig
view 📱	지역 선택 페이지 정보 확인 페이지
api 📡	지역 조회(GET) 지역별 영화관 지점 조회(GET) 좌석 정보 조회(GET)

⚙️ 기술스택

�Library
Programming Language
Styling
Data Fetching
Formatting
Package Manager
Bundler
Collaboration Tools

📂 프로젝트 구조

|-- 📁 .github
|-- 📁 node_modules
|-- 📁 public
|-- 📁 src
  |-- 📁 apis
  |-- 📁 assets
  |-- 📁 components
	|-- 📁 commons
        |-- 📁 페이지1
        |-- 📁 페이지2
  |-- 📁 constants
  |-- 📁 hooks
  |-- 📁 pages
  |-- 📁 styles
  |-- 📁 types
  |-- 📁 utils
  |-- 📁 Router
|-- .env
|-- .eslintignore
|-- .eslintrc.json
|-- .gitignore
|-- .prettierignore
|-- .prettierrc
|-- .stylelintrc.json
|-- index.html
|-- package.json
|-- svg.d.ts
|-- README.md
|-- tsconfig.json
|-- tsconfig.node.json
|-- vite.config.ts
|-- yarn.lock

🤙 커밋컨벤션

커밋 유형	의미
Init	초기 세팅시에만 사용 (패키지 설치, eslint/ prettier 작성)
Feat	새로운 기능 추가 (새로운 구현)
Design	CSS 등 사용자 UI 디자인 변경
Fix	버그 수정
Docs	문서 추가, 수정, 삭제
Style	스타일만 변경 (코드 수정 X) 예외) 들여쓰기 등 포매팅, 세미콜론 수정은 Style 가능
Refactor	코드 리팩토링
Comment	필요한 주석 추가 및 변경
Rename	파일 또는 폴더 명을 수정하거나 옮기는 작업만인 경우
Remove	파일을 삭제하는 작업만 수행한 경우
!HOTFIX	급하게 치명적인 버그를 고쳐야 하는 경우
Test	테스트 코드, 리팩토링 테스트 코드 추가
Chore	(코드의 수정 없이) 그 외 기타 수정

---

그외의 컨벤션

롯데시네마 컨벤션 모음 zip 🍿🎬