🎋 Git 컨벤션

1. 브랜치 컨벤션

2. issue 작성법

3. commit 규칙

4. 코드리뷰 규칙

💻 코딩 컨벤션

1. 선언 방식

2. 네이밍

3. 이외의 규칙

🖌 CSS 컨벤션

1.  CSS 적용 방식

2. CSS 속성 순서

3. Svg 사용법 - 이미지 파일 저장/import/export

4.🎨  style 설정

🗂️ 폴더 구조

• 지역성의 원칙을 고려한 폴더구조
• 한글 네이밍 가능

├── public 🗂 썸네일 이미지, 로고 이미지 저장
├── .eslintrc.cjs ✨ 린트 설정
├── .prettierrc.cjs ✨ 프리티어 설정
├── package.json 📦 설치된 패키지를 관리하는 파일
└── src
    ├── App.tsx ✡️ 앱의 라우팅과 글로벌 스타일 지정
    │
    ├── main.tsx
    │
    ├── Router.tsx ✡️ 라우터 설정
    │
    ├── assets
    │   ├── icon 🖼 이미지 파일들 저장
    │   ├── └── svgs 🌁 svg 파일들 저장
    │
    ├── components 🗂 공통 컴포넌트들 저장
    │   └── Modal.tsx
    │
    ├── Login 🗂 각 기능 별 폴더 생성
    │   ├── pages 🗂 라우팅 시 보여질 페이지 컴포넌트 저장
		│   │   └── LoginPage.tsx
    │   ├── components 🗂 해당 기능을 구현하는데 필요한 컴포넌트 저장
    │   │   ├── LoginFooter.tsx
    │   │   ├── LoginCallback.tsx
****    │   │   └── LoginHome.tsx
    │   │
    │   └── constants 🗂 상수 파일 저장
    │
    ├── styles 🗂 전역 스타일 관련 파일들 저장
    │   ├── GlobalStyle.ts
    │   └── theme.ts
    │
    ├── utils 🗂 util 함수 관련 파일들 저장
    │   
    ├── libs 🗂 라이브러리리 관련 파일 저장
    │   ├── hooks 🗂 커스텀 훅 저장
    │   ├── api.ts
    │