WE-SOPT 클라이언트 & 디자인 세미나

⚙️ 프로젝트 구성

1. React
2. ESLint
3. Prettier
4. axios
5. styled-components
6. react-responsive
7. +etc

📂 디렉토리 구조

변경될 수 있습니다 ~ !

// src directory structure
├── App.jsx
├── Assets
│   ├── icon
│   └── img
├── Components
│   ├── Comment
│   │   ├── CommentHandler.jsx
│   │   ├── CommentList.jsx
│   │   ├── CommentToggleButton.jsx
│   │   └── index.jsx
│   ├── Common
│   │   ├── FilterBar.jsx
│   │   └── NavBar.jsx
│   ├── Responsive.jsx
│   ├── SideBar.jsx
│   └── Video
│       ├── ChannelInfo.jsx
│       ├── VideoContainer.jsx
│       ├── VideoIcons.jsx
│       ├── VideoInfo.jsx
│       ├── VideoProgressBar.jsx
│       ├── VideoRuntime.jsx
│       ├── VideoTag.jsx
│       ├── VideoTitle.jsx
│       └── index.jsx
├── Constants
│   ├── colors.js
│   └── deviceInfo.js
├── Cores
│   ├── Contexts
│   │   └── index.js
│   ├── Hooks
│   │   ├── useAPI.jsx
│   │   ├── useDarkmode.jsx
│   │   └── useVideoInfo.jsx
│   ├── api.js
│   └── router.jsx
├── Pages
│   ├── MainPage.jsx
│   ├── NotFound.jsx
│   └── VideoPage.jsx
├── Style
│   ├── DarkModeProvider.jsx
│   ├── globalStyle.js
│   └── mediaQuery.js
├── Utils
│   └── shortenNumber.js
├── index.js

🤙 컨벤션

🔥 15조 컨벤션 모음 🔥

🌳 브랜치 전략

• 기능 추가 : feat/(기능이름)
• 버그 수정 : fix/(버그 명세)

👨‍💻 팀원 정보

권혁진 (jjinny)	전희선 (huiseon37)	황주희 (Juhee)
어쩌다보니 조장 Web FE	희서니 Web FE	함주이 Web FE