🎥 CGV 🍿

NOW SOPT WEB 5조

📌 합동 세미나 - CGV

• 디자인 파트원들이 UX개선을 위해 기존의 서비스를 리디자인 해온 것을 서버파트와 함께 협업하여 구현하고 디자인 파트, 기획파트와 협업을 경험해볼 수 있는 세미나입니다.

• 웹 3팀은 CGV 리디자인을 진행했습니다 :)

👥 Team

승연	지은	채연
홈 페이지 리스트 페이지 광고 목록 API 연결 영화 랭킹 목록 API 연결	영화 상영관 페이지 영화 예매하기 API 연결 영화관, 상영관 리스트 API 연결	영화 정보 페이지 영화 상세정보 API 연결 좋아요, 좋아요 취소 API 연결 예매 취소 API 연결

🛠 기술스택

category	stack
Common	yarn
Language	JavaScript
Build	Vite
Framework	React
Style	Styled-Components
Data Fetching	Axios
Collaboration	Notion, Figma, Discord

📄 컨벤션 및 브랜치 전략

🖋️ 커밋 컨벤션

태그	설명
✨ feat	새로운 기능을 구현한 경우
🐛 fix	버그 수정, 오류 해결
♻️ refactor	코드 수정 및 리팩토링
💄 style	스타일 추가 및 수정
📝 docs	문서 추가, 수정, 삭제
🎉 init	개발 환경 초기 세팅
📦 chore	그 외 자잘한 수정 (주석 삭제)

🖋️ 브랜치 전략

Github-flow

• 브랜치명
  • camelCase

develop
 ㄴ feature/featureName
 ㄴ fix/fixContent

📁 폴더 구조

|-- 📁 node_modules
|-- 📁 public
|-- 📁 src
	|-- 📁 assets
	|      |--📁images
	|      |--📁icons
	|-- 📁 components
	|      |--📁commons
	|      |--📁APage
	|         |--APageBtn.tsx
	|-- 📁 hooks
	|      |-- useClickOutside.tsx
	|-- 📁 apis
	|      |--📁APage
	|-- 📁 constants
	|      |--📁APage
	|-- 📁 types
	|      |--📁APage
	|-- 📁 pages
	|      |--APage.tsx
	|      |--BPage.tsx
	|      |--CPage.tsx
	|-- 📁 styles
	|      |--GlobalStyle.tsx
	|      |--theme.ts
	|      |--style.ts
	|-- App.tsx
	|-- main.tsx
	|-- Router.tsx
|-- .eslintrc.json
|-- .prettierrc
|-- .stylelintrc

🌳 구현 View Preview

Main View	List View	Movie View	Time View