React로 제작한 Youtube 사이트
React, Storybook을 활용하여 만든 Youtube 사이트에
Youtube Data API로 데이터를 불러옵니다.
23.12.24 ~
- Lint : ESLint + Prettier
Yarn 설치
yarn install
Storybook 실행
yarn run storybook
- 메인 페이지
- 로그인
- 동영상 재생 페이지
- 구독 페이지
- 보관함 페이지
├── .storybook
├── public
├── src
│ ├── components
│ ├── fonts
│ ├── images
│ ├── pages
│ │ └── mainPage
│ │ └── components
│ │ │ └── VideoItem.jsx
│ │ └── VideoItem.stories.js
│ ├── styles
│ │ ├── _button.scss
│ │ ├── _dropdown.scss
│ │ ├── _fonts.scss
│ │ ├── _input.scss
│ │ ├── _mainPage.scss
│ │ ├── _reset.scss
│ │ ├── _tab.scss
│ │ ├── _variable.scss
│ │ ├── _videoItem.scss
│ │ └── index.scss
│ └── layouts
│ └── MainLayout.jsx
├── .eslintrc.js // eslint 설정
├── .prettierrc.js // prettier 설정
├── jsconfig.json
└── yarn.lock