Skip to content

Latest commit

 

History

History
57 lines (41 loc) · 1.48 KB

README.md

File metadata and controls

57 lines (41 loc) · 1.48 KB

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

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