BEAT

모두를 위한,
그래서 대학생을 위한 예매 플랫폼

👥 Team

🐱정도영	🎧김채현	🐶공준혁	🎱윤신지
예매하기 뷰	공연 등록하기 뷰	공연 관리하기 뷰	메인, 예매내역 조회 뷰

🛠 기술스택

- React + TypeScript
- yarn berry
- styled-component
- prettier, ESlint, StyleLint
- jotai
- React-query
- Storybook
- SonarCloud

📄 컨벤션 및 브랜치 전략

Git Branch

- main (배포용)
- develop (개발용)
- feat/#issue/기능명 (작업용)

Commit Convention

Commit Message 👉 기능 키워드: 커밋 내용

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

Coding Convention

Team Beat Web의 코딩 컨벤션

📁 폴더 구조

|-- 📁 public
|-- 📁 src
    |-- 📁 asset
          |-- 📁 svgs
          |-- 📁 images
    |-- 📁 apis
    |-- 📁 components
          |-- 📁 commons (button , input 등 재사용의 가장 작은 단위)
          |-- 📁 icons(React Icon Components)
    |-- 📁 constants
    |-- 📁 pages
        |-- 📁 Apage
            |-- 📁components
            |-- 📁constants
            |-- 📁types
            |-- 📁hooks
            |-- 📁utils
            |-- Apage.tsx
            |-- Apage.styled.ts
        |-- 📁 Bpage
        |-- 📁 Cpage
   |-- 📁 hooks (커스텀 훅을 담아두는 폴더)
   |-- 📁 styles (GlobalStyles , theme.ts 등)
   |-- 📁 utils (재사용이 높은 함수모음 폴더)
   |-- 📁 types
   |-- 📁 routes
       |-- Router.tsx (라우터 파일)
|-- App.tsx
|-- main.tsx
|-- eslint.config.js
|-- .gitignore
|-- .prettierrc.json
|-- .stylelintrc.json
|-- README.md
|-- package.json
|-- tsconfig.json
|-- yarn.lock

비트 아이엠 그라운드 룰

✅ 우울하지 말고 우웅하기
✅ 서로 칭찬하고 굿 ~~ 해주기
✅ 자기가 오늘 할일을 시작하기 전에 리뷰먼저!
✅ 화이팅하자 ㅋㅋ