여행을 좋아해서 여행 정보를 모으기 위해 여행 유튜버들을 모아봤습니다.
이번 연습을 통하여 리액트 구조에 대해 배울수 있는 시간이길 바랍니다.
YouTube API 연동: 이 프로젝트는 YouTube API를 사용하여 여행 관련 유튜브 콘텐츠의 데이터를 추출하고 사용자에게 제공합니다. 콘텐츠 분류 및 탐색: 각 유튜버별로 콘텐츠를 분류하여 사용자가 원하는 유튜버의 비디오를 쉽게 찾을 수 있도록 구성합니다. 동적 웹 인터페이스: React의 컴포넌트 기반 구조를 사용하여 사용자 인터페이스를 구축합니다. 이를 통해 애플리케이션이 동적이고 상호작용이 가능하게 됩니다. 검색 기능: 사용자가 특정 키워드를 이용해 비디오를 검색할 수 있는 기능을 구현합니다. 더보기 기능: 사용자가 더 많은 콘텐츠를 탐색할 수 있도록 더보기 기능을 제공합니다.
프론트엔드 프레임워크: React를 사용하여 프론트엔드를 구성합니다.
React는 컴포넌트 기반의 접근 방식을 사용하여 애플리케이션의 개발과 유지보수를 용이하게 합니다.
스타일링: CSS를 사용하여 애플리케이션의 스타일을 정의합니다.
API 통신: YouTube API와의 통신을 위해 적절한 HTTP 클라이언트 라이브러리를 사용합니다.
패키지 관리: package.json 및 package-lock.json 파일을 통해 필요한 종속성과 라이브러리를 관리합니다.
sasss를 설치 : npm install sass
react-router-dom 설치 : npm install react-router-dom
react-icons 설치 : npm install react-icons
axios 설치 : npm i axios
react-player 설치 : npm i react-player
git add.
git status
git commit -m "커밋할이름"
git push -u origin main