나만의 유튜브 사이트 만들기

이 강의는 React 프레임워크와 YouTube API를 이용하여 자신만의 간단한 영상 사이트를 만듭니다. React의 기본 개념을 이해하고, 컴포넌트를 구조화하고 상태를 관리하는 방법을 학습하며, YouTube Data API를 활용하여 외부 데이터를 가져오는 방법을 익히고, API 응답을 처리하여 사용자에게 의미 있는 정보를 제공하는 방법을 이해합니다.

완성작 보기

미리보기 : netlify
미리보기 : vercel

사용스택

• node.js를 설치하고 사용합니다.
• react를 사용하여 사이트를 완성합니다.
• youTube Api를 이용하여 데이터를 가져옵니다.
• rapidapi를 이용하여 데이터를 가져옵니다.
• netlify를 통해 사이트를 배포합니다.
• vercel를 통해 사이트를 배포합니다.
• git을 사용하여 파일을 관리합니다.

프로젝트 실행

• react를 설치합니다. npx create-react-app 타이틀
• react-router-dom을 설치합니다. npm install react-router-dom
• axios를 설치합니다. npm install axios
• react-icons을 설치합니다. npm install react-icons
• react-player를 설치합니다. npm install react-player
• sass를 설치합니다. npm install sass
• react-helmet-async를 설치합니다. npm install react-helmet-async
• swiper를 설치합니다. npm install swiper