Skip to content

[리액트 프로젝트] 유튜브 API를 이용한 미니 유튜브 사이트 만들기

Notifications You must be signed in to change notification settings

heysunny612/react_youtube

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

리액트 프로젝트 미니 유튜브 사이트 만들기

ZCX


유투브 API를 이용한 검색기능 구현


   //유투브 API 불러오는 코드
  async #getSearch(keyword) {
    return await this.apiClient
      .search({
        params: {
          part: 'snippet',
          maxResults: 25,
          q: keyword,
        },
      })
      .then((res) => res.data.items)
      .then((items) =>
        items.map((item) => {
          return { ...item, id: item.id.videoId };
        })
      );
  }


SDSDSDS


유투브 API를 이용한 댓글, 관련있는 동영상 구현


제목 설명
구현 사항 -유투브 API 사용 동영상 불러오기
-동영상 검색 구현
-동영상 디테일 페이지 관련있는 동영상 불러오기 구현
-동영상 디테일 페이지 댓글 불러오기
라이브러리 axios, react-query, timeago.js ,react-loader-spinner
css 및 반응형 tailwind css사용 , 반응형 구현
배포 주소 Netlify https://sunny-todos.netlify.app
소스 코드 Github https://github.com/heysunny612/react_youtube

About

[리액트 프로젝트] 유튜브 API를 이용한 미니 유튜브 사이트 만들기

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published