Thumbnail
개발 · 프로그래밍 프론트엔드

리액트(React.js)를 이용한 나만의 유튜브 사이트 만들기 프로젝트 대시보드

(5)
1개의 수강평 ∙  21명의 수강생

66,000원

지식공유자: webstoryboy
총 23개 수업 (9시간)
수강기한: 
무제한
수료증: 발급
난이도: 
입문
-
초급
-
중급이상
지식공유자 답변이 제공되는 강의입니다
폴더에 추가 공유

초급자를 위해 준비한
[프론트엔드, 웹 개발] 강의입니다.

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

✍️
이런 걸
배워요!
React.js의 기본 개념과 사용법
컴포넌트, 상태(state), 라우팅, 컨텍스트, 생명주기 메서드 등
HTML, CSS, JavaScript의 기초적인 개념과 활용법
외부 서비스와의 데이터 통합을 위해 REST API

이런 분들께 추천드려요!

🎓
학습 대상은
누구일까요?
나만의 포트폴리오를 만들고 싶은 분
유튜브 API를 활용한 사이트를 만들고 싶은 분
리액트를 통해 사이트 만들고 싶은 분
📚
선수 지식,
필요할까요?
HTML/CSS
Javascript 기본

안녕하세요
webstoryboy 입니다.
webstoryboy의 썸네일

나는 공간을 만드는 것을 좋아한다.
어렸을 때부터 나만의 공간을 만드는 것을 좋아했다. 
내가 만든 공간 속에서 누군가가 영감을 받거나 마음을 움직이게 하는 것이 목표다.
코딩은 이런 매력적인 공간을 만들 수 있는 힘이라 생각한다. 
그 한구석에 나만의 꿈을 담아두고, 개발을 하면 살고 싶다.

커리큘럼 총 23 개 ˙ 9시간의 수업
이 강의는 영상, 수업 노트가 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. 리액트를 이용한 나만의 유튜브 사이트 만들기
셋팅하기 미리보기 09:55 라이브러리 설치하기 미리보기 13:51 Git 연동하기 미리보기 07:53 SCSS 셋팅하기 미리보기 17:43 페이지 만들기 미리보기 17:41 섹션 컴퍼넌트 구조화하기 미리보기 10:35 헤더 영역 완성하기 미리보기 43:31 헤더 영역 데이터 작업 미리보기 26:38 컴퍼넌트 비동기 작업 미리보기 14:55 페이지 SEO 작업 미리보기 10:44 메인 콘텐츠 작업 미리보기 26:56
추천 영상 작업 56:37
추천 개발자 작업 26:59
메인 섹션 나머지 콘텐츠 작업 18:55
비디오 컴퍼넌트 통합 작업 34:29
Swiper 이미지 슬라이드 작업 26:47
나머지 페이지 작업 26:05
검색 및 유튜브 API 설정하기 27:24
Rapid API 및 더보기 설정하기 37:39
비디오 상세 페이지 만들기 26:13
채널 상세 페이지 만들기 32:05
버그 고치기 13:02
빌드 및 배포하기 13:42
강의 게시일 : 2023년 11월 07일 (마지막 업데이트일 : 2023년 11월 07일)
수강평 총 1개
수강생분들이 직접 작성하신 수강평입니다.
VIEW 추천 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
didimu thumbnail
5
2024-05-13