Team: 난대학시절현대차를전공했단사실👨‍🎓

현대자동차그룹 소프티어 부트캠프 4기 Team 3️⃣

Project Name: 캐스퍼가캐리해(Caecae)

캐스퍼 일렉트릭 출시 이벤트 페이지 : Caecae

🔗 http://www.caecae.kro.kr/
🎬 https://youtu.be/_dWo_DU6BhY

🔎 이벤트 소개 : 나를 찾아봐 (숨은 캐스퍼 찾기 게임)

• 매일 오후 3시15분 오픈되는 선착순 이벤트입니다.
• 캐스퍼 일렉트릭의 내부에 숨겨진 픽셀/뱃지 디자인을 누구보다 빠르게 찾아보세요!
• 선착순 인원 내에 선정되면, 전화번호를 입력하여 상품을 획득할 수 있습니다.

🚗 이벤트 소개 : 전력으로 315km (레이싱 게임)

• 일주일간 플레이할 수 있는 레이싱 게임입니다.
• 315km에 근접하게 멈추면 당첨 확률이 올라갑니다.
• 친구에게 공유하기를 통해 경쟁심을 유발하세요!
• 기록이 마음에 든다면, 응모하기 버튼을 통해 전화번호를 입력하여 기록을 등록할 수 있습니다.
• 최고점수만 기록되며, 커스텀 옵션을 선택하면 당첨 확률이 올라갑니다.

👥 팀원 소개

서창교	조민환	오익준	박진우
FE	FE	BE	BE
@dunkkk	@minani-0621	@putdata	@j2noo

📕 그라운드 룰

👨‍💻 개발 및 협업방식

• 모든 에픽, 스토리, 테스크, 작업, 브랜치는 JIRA를 통해 관리
• 매주 스프린트 시작 시 백로그 작성
• 현재 개발 피처에서 합의가 필요하면 바로 대화하기
• git flow 전략을 사용하여 브랜치 관리하기
• 코드리뷰 열심히 하기

📅 Daily Scrum & Daily Review

• 매일 아침 10시에 스크럼 작성하기
• 매일 퇴근하기 전 회고 작성하기
• 회의 때 적극적으로 참여하기 (의견 많이 내기)

❤️‍🔥 팀 문화

• 지각할 경우, 과자 한 박스 사오기
• 웃으면서 화내기/짜증내기
• 쉬고싶을 땐 눈치보지 않고 쉬기
• 아니 / 근데 / 진짜 로 대화 시작하지 않기

🍚 점심메뉴

• 아침 10시 스크럼 전, 점심메뉴 먼저 정하기
• 일주일에 한 번은 참맛식당 가기

📁 아카이빙

• 스프린트 및 회고
• 노션 개발문서

💻 Tech - Frontend 개발 목표

1. 라이브러러 사용 최소화

• flux 패턴을 적용한 상태 관리 Hyundux, 자체 미들웨어 비동기 처리를 위한 Hyundux-saga, 데이터 fetch에 추상화 과정을 추가한 Hyunxios 등을 직접 구현
• UI를 위한 Lottie, Framer-motion 2가지의 라이브러리만 사용

2. 재사용성 및 확장성 고려

• 재사용 할 수 있도록 공통 컴포넌트를 최대한 많이 설계
• 커스텀훅을 이용하여 같은 로직에 대해 다양한 상황에서 적용할 수 있도록 고려

3. 테스트 커버리지 보장

• Hyundux-test를 통해 최소 50%의 커버리지 추구

📣 이슈 관리 로직

• EPIC : 최상위 작업
• STORY : 사용자의 사용 흐름
• TASK : 개발자 입장에서의 기능 분류
• SUB-TASK : 세부적인 작업 단위

📘 Frontend 기술 스택

🗂️ Commit Convention

git commit -m "feat : 레이싱 게임 점수 백분위 api 연결 (CC-97)"

• feat : 새로운 기능 추가
• fix : 버그 수정
• chore : 빌드 업무, 패키지 매니저, 라이브러리, dependencies 설정
• docs : 문서 수정 - README.md, .github, ..etc
• design : 사용자 UI 디자인 변경 - CSS
• style : 기능 수정 없는 코드 스타일 변경
• refactor : 코드 리팩터링
• test : 테스트 코드, 리펙토링 테스트 코드 추가
• ci : ci 설정 파일 수정
• perf : 성능 개선
• rename : 파일 혹은 폴더명 변경
• remove : 파일 삭제
• comment : 주석 및 코드 설명 등

🐬 Git Flow

브랜치 네이밍 : CC-83

• main : 출시 가능한 프로덕션 코드의 브랜치
• develop : 개발 내용 통합 브랜치
• feature : 기능을 개발하는 브랜치
• hotfix : 출시 버전에서 발생한 버그를 수정하는 브랜치

📂 Directory Architecture

Caecae
├── public
│   ├── assets
│   │   ├── audio
│   │   ├── Button
│   │   └── font
└── src
│    ├── components
│    │   ├── common
│    │   │   ├── Footer
│    │   │   ├── InfoSection
│    │   │   ├── LottieContainer
│    │   │   ├── Navigation
│    │   │   ├── Overlay
│    │   │   ├── PictureGameBoard
│    │   │   ├── Shape
│    │   │   └── SmileBadge
│    │   ├── FindingGame
│    │   │   └── Hint
│    │   ├── PhoneNumberOverlay
│    │   └── RacingGame
│    ├── features
│    │   ├── EventInfoLanding
│    │   ├── FindingGameLanding
│    │   └── RacingGameLanding
│    ├── hooks
│    ├── jobs
│    │   ├── FindingGame
│    │   ├── Overlay
│    │   └── RacingGame
│    ├── pages
│    │   ├── Admin
│    │   ├── EventInfoLanding
│    │   ├── FindingGame
│    │   ├── FindingGameLanding
│    │   ├── RacingGame
│    │   └── RacingGameLanding
│    ├── shared
│    │   ├── Hyundux
│    │   ├── Hyundux-saga
│    │   ├── Hyunouter
│    │   └── Hyunxios
│    ├── stories
│    │   ├── FindingGame
│    │   └── RacingGame
│    ├── types
│    └── utils