Node.js를 이용해서 youtube api 사용해보자

Node.js 설치 후 버전확인

Node.js를 설치해서 버전 확인을 하고 다운로드를 하는데 저는 20.13버전을 다운로드 해줬습니다.

Node.js 사용 방법

필요한 라이브러리 설치

react 설치 ‘npm create-react-app 폴더이름’ : 폴더 생략 방법 .으로 표시 react-router-dom 설치 ‘npm install react-router-dom’ : 주소 설정하기 위한 라이브러리 axios 설치 ‘npm install axios’ : API 라이브러리 react icon 설치 ‘npm install react-icons’ : react에 필요한 아이콘 react-player 설치 ‘npm install react-player’ : 유튜브 영상 재생 sass 설치 ‘npm install sass’ : CSS 라이브러리 react-helmet-async 설치 ‘npm install react-helmet-async’ : SEO swiper 설치 ‘npm install swiper’ : 이미지 슬라이드

폴더 셋팅하고 필요없는 파일 제거

사용 스텍

node.js 설치 트러블 슈팅 node.js 설치시 폴더 인식 못함 : 폴더명 대문자로 입력 X

Youtube API를 이용한 영화 사이트

저는 영화 보는 것을 좋아하기 때문에 영화리뷰 유튜버를 자주 봅니다. 작업 순서

단축키

rafc 입력하면 이렇게 자동완성 import React from ‘react’

const Home = () => { return ( <div>

</div>   ) }

export default Home