Thumbnail
개발 · 프로그래밍 풀스택

따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기 대시보드

(4.9)
228개의 수강평 ∙  10,115명의 수강생

무료

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

초급자를 위해 준비한
[웹 개발, 풀스택] 강의입니다.

이 강의를 통해 리액트와 노드등의 개념만이 아닌, 실질적으로 어떻게 웹 사이트를 만드는지를 배울 수 있습니다.

✍️
이런 걸
배워요!
리액트
노드
몽고 DB
Express JS

리액트와 노드를 이용해 클론 웹사이트를 만들어보세요!

📝 강의 소개

안녕하세요 ^ ^ 
유튜브 클론에 이어서
영화 사이트 클론 강의를 만들게 되었습니다.

이 강의에서는 The Movie DB 라는 곳에서 제공하는 API를 이용하여 웹 사이트를 만들게 됩니다.
그래서  외부에서 제공하는 API를 어떻게 이용하여 사용하는지를 
실질적으로 같이 해보면서 배울 수 있습니다.

이 강의를 통해서도 많은 분들이 리액트와 노드를 이용하여 
더 쉽게 웹사이트를 만드는 법을 익힐수 있었으면 좋겠습니다. ^ ^

💡 강의 특징

처음 Boiler-plate 강의를 통해 기본적인 개념을 잡아가며 
실제 강의에 들어가서 실질적으로 하나 하나 같이 만들어 가면서 배울 수 있습니다.

🧰 여기서 다루는 툴

Visual Studio Code를 사용하지만 자신이 원하는 Editor를 사용해도 됩니다.
MAC을 사용하지만 윈도우에서도 가능합니다.

John Ahn

🙋🏻‍♂️ QnA

| 

Q. 비전공자도 들을 수 있나요?
A. 넵! 전공자, 비전공자 상관없이 들을 수 있는 강의입니다.

Q. 왜 노드, 리액트 등을 배워야 하나요?

2019년 Stackoverflow survey 결과를 가져와 봤습니다. 
보시다시피 리액트와 노드의 인기는 해가 지나갈수록 점점 높아지고 있기 때문에
배워 두신다면 자신의 커리어 향상에 많은 도움을 줄 수 있습니다.

Q. 노드, 리액트를 배우면 어떤 일을 할 수 있나요?
웹 개발자, 서버 개발자, 프론트엔드 개발자로서 일을 할 수 있습니다.

이런 분들께 추천드려요!

🎓
학습 대상은
누구일까요?
리액트를 잘 사용하고 싶은 사람
노드를 잘 사용하고 싶은 사람
📚
선수 지식,
필요할까요?
Javascript

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

안녕하세요. 

즐겁게 개발하고 있는 개발자입니다. 

앞으로 많은 도움을 드릴 수 있었으면 좋겠습니다.


- 따라하며 배우는 도커와 CI환경 저자
- 카카오 기업 신입 공채 FE 교수자
- 패스트캠퍼스, 구름 강사 
- 현대자동차 개발 기업 교육
- 신한은행 메타버스, 코빗 타운 풀스택 개발
- 여러 공공기관 SNS 풀스택 개발

커리큘럼 총 17 개 ˙ 2시간 37분의 수업
이 강의는 영상, 첨부 파일이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. 영화 사이트 만들기
무비앱 시리즈 #1 소개 영상 ( 따라하며 배우는 리액트 노드 ) 미리보기 02:55 무비앱 시리즈 #2 Boiler-Plate & MongoDB 연결 ( 따라하며 배우는 리액트 노드 ) 미리보기 12:04 무비앱 시리즈 #3 The MovieDB API 설명 ( 따라하며 배우는 리액트 노드 ) 미리보기 07:43
무비앱 시리즈 #4 Landing Page 만들기 (1) ( 따라하며 배우는 리액트 노드 ) 16:28
무비앱 시리즈 #5 Grid Card Component ( 따라하며 배우는 리액트 노드 ) 11:20
무비앱 시리즈 #6 Load More Button 만들기 ( 따라하며 배우는 리액트 노드 ) 06:21
무비앱 시리즈 #7 Movie Detail 페이지 만들기 ( 따라하며 배우는 리액트 노드 ) 14:36
무비앱 시리즈 #8 영화 출연진들 가져오기 ( 따라하며 배우는 리액트 노드 ) 11:15
무비앱 시리즈 #9 Favorite 버튼 만들기 (1) ( 따라하며 배우는 리액트 노드 ) 16:23
무비앱 시리즈 #10 Favorite 버튼 만들기 (2) ( 따라하며 배우는 리액트 노드 ) 11:09
무비앱 시리즈 #11 Favorite Button 만들기 (3) ( 따라하며 배우는 리액트 노드 ) 08:10
무비앱 시리즈 #12 Favorite list에 추가 삭제 ( 따라하며 배우는 리액트 노드 ) 12:37
무비앱 시리즈 #13 Favorite 페이지 만들기 (1) ( 따라하며 배우는 리액트 노드 ) 13:10
무비앱 시리즈 #14 Favorite 페이지 (2) ( 따라하며 배우는 리액트 노드 ) 10:42
무비앱 시리즈 #15 강의 마무리 ( 따라하며 배우는 리액트 노드 ) 02:58
강의 자료 Diagram
강의자료 HTML
강의 게시일 : 2020년 03월 09일 (마지막 업데이트일 : 2021년 05월 26일)
수강평 총 228개
수강생분들이 직접 작성하신 수강평입니다.
4.9
228개의 수강평
5점
4점
3점
2점
1점
VIEW 추천 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
주영 thumbnail
5
강사님 강의는 들을지 말지 고민 같은거 안하고 듣게 되네요.
2021-01-20
Peter Byun thumbnail
5
좋았던점 1. 앱의 구조를 한 눈에 볼 수 있게 다이어그램을 보여주셔서 이해가 쉽다. 2. 설명 정도의 깊이가 균일해서 (주로 코드의 동작을 간단히 설명) 간결하게 강의가 유지될 수 있다. 3. 강사님의 매너가 너무 가볍지도 않고 딱딱하지도 않다(정신없거나 너무 빠르거나 하지 않음). 혹시 수강하시려는 분은 - HTTP, ES6지식 - 리액트 공식홈페이지의 기본 튜토리얼과 hook 튜토리얼 - node 공식 사이트 튜토리얼 이정도만 보고 따라하시면 충분히 따라가실것 같습니다. 좋은 강의를 무료로 공유해주셔서 감사합니다! 덕분에 좀 더 쉽게 리액트를 배웠어요.
2020-04-27
GentleM thumbnail
5
5일간 열심히 달려서 본 강의를 마무리 했습니다! 클론코딩하면서 이해한 부분에 대해 정리하고, 정리한 걸 바탕으로 스스로 다시 코딩해보니 실력이 쑥쑥 느는걸 느끼네요! 다음 강의도 기대하겠습니다.
2020-08-27
dnfwlxo11 thumbnail
5
무료강의지만 상세한 설명과 좋은 퀄리티의 강좌입니다. 다만 node와 react에 대한 기초상식이 없으시다면 따라가기 힘드실테니 반드시 먼저 선행학습 하신 후 보시는 것을 추천드립니다.
2020-12-31
jaeyoon4819 thumbnail
5
돈 주고도 들을 정도의 퀄리티가 무료라니 이건 정말 혁명입니다. 감사합니다.
2020-12-29