Thumbnail
BEST 개발 ・ 프로그래밍 웹 개발
따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
(5.0)
72개의 수강평 ∙ 2945명의 수강생

무료

지식공유자 : John Ahn
총 16개 수업
평생 무제한 수강
수료증 미발급 강의
초급 대상
내 목록 추가 공유
초급자를 위해 준비한
[개발 ・ 프로그래밍] 강의입니다.

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

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

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

📝 강의 소개

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

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

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

💡 강의 특징

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

🧰 여기서 다루는 툴

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

🙋🏻‍♂️ QnA

| 

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

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

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

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

지식공유자가 알려주는
강의 수강 꿀팁!
🎓
이런 분들께
추천드려요!
리액트를 잘 사용하고 싶은 사람
노드를 잘 사용하고 싶은 사람
📚
선수 지식,
필요한가요?
Javascript

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

안녕하세요. 

현재 평범하게 직장 생활하며 

파이썬과 PHP, 그리고 Node 와   

프론트엔드 스택들 리액트, 리덕스 등을 사용하며  

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

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

커리큘럼 총 16개
이 강의는 영상, 수업 노트, 첨부 파일이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. 영화 사이트 만들기
무비앱 시리즈 #1 소개 영상 ( 따라하며 배우는 리액트 노드 ) 미리보기 무비앱 시리즈 #2 Boiler-Plate & MongoDB 연결 ( 따라하며 배우는 리액트 노드 ) 미리보기 무비앱 시리즈 #3 The MovieDB API 설명 ( 따라하며 배우는 리액트 노드 ) 미리보기
무비앱 시리즈 #4 Landing Page 만들기 (1) ( 따라하며 배우는 리액트 노드 )
무비앱 시리즈 #5 Grid Card Component ( 따라하며 배우는 리액트 노드 )
무비앱 시리즈 #6 Load More Button 만들기 ( 따라하며 배우는 리액트 노드 )
무비앱 시리즈 #7 Movie Detail 페이지 만들기 ( 따라하며 배우는 리액트 노드 )
무비앱 시리즈 #8 영화 출연진들 가져오기 ( 따라하며 배우는 리액트 노드 )
무비앱 시리즈 #9 Favorite 버튼 만들기 (1) ( 따라하며 배우는 리액트 노드 )
무비앱 시리즈 #10 Favorite 버튼 만들기 (2) ( 따라하며 배우는 리액트 노드 )
무비앱 시리즈 #11 Favorite Button 만들기 (3) ( 따라하며 배우는 리액트 노드 )
무비앱 시리즈 #12 Favorite list에 추가 삭제 ( 따라하며 배우는 리액트 노드 )
무비앱 시리즈 #13 Favorite 페이지 만들기 (1) ( 따라하며 배우는 리액트 노드 )
무비앱 시리즈 #14 Favorite 페이지 (2) ( 따라하며 배우는 리액트 노드 )
무비앱 시리즈 #15 강의 마무리 ( 따라하며 배우는 리액트 노드 )
강의 자료 Diagram
강의 게시일 : 2020년 03월 09일 (마지막 업데이트일 : 2020년 07월 29일)
수강평 총 72개
수강생분들이 직접 작성하신 수강평입니다. 수강평을 작성 시 300잎이 적립됩니다.
5.0
72개의 수강평
5점
4점
3점
2점
1점
VIEW 좋아요 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
배만진 thumbnail
5일간 열심히 달려서 본 강의를 마무리 했습니다! 클론코딩하면서 이해한 부분에 대해 정리하고, 정리한 걸 바탕으로 스스로 다시 코딩해보니 실력이 쑥쑥 느는걸 느끼네요! 다음 강의도 기대하겠습니다.
2020-08-27
Ju Young Lee thumbnail
강사님 강의는 들을지 말지 고민 같은거 안하고 듣게 되네요.
2021-01-20
Peter Byun thumbnail
좋았던점 1. 앱의 구조를 한 눈에 볼 수 있게 다이어그램을 보여주셔서 이해가 쉽다. 2. 설명 정도의 깊이가 균일해서 (주로 코드의 동작을 간단히 설명) 간결하게 강의가 유지될 수 있다. 3. 강사님의 매너가 너무 가볍지도 않고 딱딱하지도 않다(정신없거나 너무 빠르거나 하지 않음). 혹시 수강하시려는 분은 - HTTP, ES6지식 - 리액트 공식홈페이지의 기본 튜토리얼과 hook 튜토리얼 - node 공식 사이트 튜토리얼 이정도만 보고 따라하시면 충분히 따라가실것 같습니다. 좋은 강의를 무료로 공유해주셔서 감사합니다! 덕분에 좀 더 쉽게 리액트를 배웠어요.
2020-04-27
조은지 Jo thumbnail
이전 boilerplate강의를 보고 진짜 인생 리액트강의가 되버렸습니다. 프론트엔드 1년차 개발자인데도 실무에서는 늘 헷갈리고 어려워하던 부분들을 간결하면서도 쉽게 알려주셔서 너무 좋아요. 심지어 이런 퀄리티가 무료라니,, 개인적으로 제가본 (외국강의포함) 리액트강의 중 진짜 최고예욤! 선생님강의 무료유료강의 모두 쭉-! 보도록 하겠습니다! ^0^♥ 감사합니다!
2020-10-06
임재훈 thumbnail
프론트엔드와 백엔드에 꼭 필요한 지식을 모두 배울 수 있습니다. 최고의 강의입니다!
2020-04-08

무료

내 목록 추가 공유
지식공유자 : John Ahn
총 16개 수업
평생 무제한 수강
수료증 미발급 강의
초급 대상
지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의들을
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스