13 리액트(React.js)로 나만의 유튜브 사이트 만들기 : 추천 개발자 작업 | 유튜브 사이트 | 리액트 사이트 смотреть онлайн

채널에 가입하여 혜택을 누려보세요.
https://www.youtube.com/channel/UCsvQSv7EeCMHyYb9ENKAJZw/join

안녕하세요! 웹스토리보이입니다.
이 강의는 React 프레임워크와 YouTube API를 이용하여 자신만의 간단한 리액트 유튜브 영상 사이트를 만들어봅니다. React의 기본 개념을 이해하고, 컴포넌트를 구조화하고 상태를 관리하는 방법을 학습하게 될 것입니다.
또한 YouTube Data API를 활용하여 외부 데이터를 가져오는 방법을 익히고, API 응답을 처리하여 사용자에게 의미 있는 정보를 제공하는 방법을 이해하게 됩니다. 이로써 자신만의 유튜브 사이트를 만들고, 활용해보는 것을 목표로 합니다. 그럼 한번 시작해볼까요? ?

재생목록 : https://www.youtube.com/playlist?list=PL4UVBBIc6giLDflw5zDXA-FpYZLwGaY0a
미리보기 : https://webs-youtube.netlify.app/

** 주요 스킬
* node.js를 설치하고 사용합니다.
* react를 사용하여 사이트를 완성하고 페이지를 구성합니다.
* React.Suspense 사용하여 컴퍼넌트 구성하기
* 모든 페이지 SEO 설정하기
* Swiper 슬라이드 만들기
* youTube Api를 이용하여 데이터를 가져옵니다.
* rapidapi를 이용하여 데이터를 가져옵니다.
* netlify, firebase, vercel를 통해 사이트를 배포합니다.
* git을 사용하여 파일을 관리합니다.

** 모든 강의는 자습서를 제공합니다.
1. 나만의 유튜브 사이트 만들기 : 셋팅하기 https://webstoryboy.co.kr/1964
2. 나만의 유튜브 사이트 만들기 : 라이브러리 설치하기 https://webstoryboy.co.kr/1965
3. 나만의 유튜브 사이트 만들기 : Git 연동하기 https://webstoryboy.co.kr/1966
4. 나만의 유튜브 사이트 만들기 : SCSS 셋팅하기 https://webstoryboy.co.kr/1967
5. 나만의 유튜브 사이트 만들기 : 페이지 만들기 https://webstoryboy.co.kr/1968
6. 나만의 유튜브 사이트 만들기 : 섹션 컴퍼넌트 구조화하기 https://webstoryboy.co.kr/1969
7. 나만의 유튜브 사이트 만들기 : 헤더 영역 완성하기 https://webstoryboy.co.kr/1970
8. 나만의 유튜브 사이트 만들기 : 헤더 영역 데이터 작업 https://webstoryboy.co.kr/1971
9. 나만의 유튜브 사이트 만들기 : 컴퍼넌트 비동기 작업 https://webstoryboy.co.kr/1972
10. 나만의 유튜브 사이트 만들기 : 페이지 SEO 작업 https://webstoryboy.co.kr/1973
11. 나만의 유튜브 사이트 만들기 : 메인 콘텐츠 작업 https://webstoryboy.co.kr/1974
12. 나만의 유튜브 사이트 만들기 : 추천 영상 작업 https://webstoryboy.co.kr/1975
13. 나만의 유튜브 사이트 만들기 : 추천 개발자 작업 https://webstoryboy.co.kr/1976
14. 나만의 유튜브 사이트 만들기 : 메인 섹션 나머지 콘텐츠 작업 https://webstoryboy.co.kr/1977
15. 나만의 유튜브 사이트 만들기 : 비디오 컴퍼넌트 통합 작업 https://webstoryboy.co.kr/1978
16. 나만의 유튜브 사이트 만들기 : Swiper 이미지 슬라이드 작업 https://webstoryboy.co.kr/1979
17. 나만의 유튜브 사이트 만들기 : 나머지 페이지 작업 https://webstoryboy.co.kr/1980
18. 나만의 유튜브 사이트 만들기 : 검색 및 유튜브 API 설정하기 https://webstoryboy.co.kr/1981
19. 나만의 유튜브 사이트 만들기 : Rapid API 및 더보기 설정하기 https://webstoryboy.co.kr/1982
20. 나만의 유튜브 사이트 만들기 : 비디오 상세 페이지 만들기 https://webstoryboy.co.kr/1983
21. 나만의 유튜브 사이트 만들기 : 채널 상세 페이지 만들기 https://webstoryboy.co.kr/1984
22. 나만의 유튜브 사이트 만들기 : 버그 고치기 https://webstoryboy.co.kr/1985
23. 나만의 유튜브 사이트 만들기 : 빌드 및 배포하기 https://webstoryboy.co.kr/1986

궁금한 점이나 이상한 점들은 댓글 부탁드립니다.
댓글은 수시로 확인하고 있으니 최대한 빨리 답변 드리겠습니다.

영상은 채널 가입시 모두 볼 수 있습니다.
채널을 가입하거나 다른 경로를 통해 유료로 볼 수 있는 점 참고 바랍니다.
https://inf.run/cNn6a