리액트 처음이시라구요? React JS로 웹 서비스 만들기!

리액트 처음이시라구요? React JS로 웹 서비스 만들기!

(56개의 수강평)

4612명의 수강생

무료

노마드코더
평생
중급
20개 수업, 총 2시간 36분

1. 강좌 소개

이 강의에서는 리액트의 이론, 기본지식을 알려드리는 것 뿐만 아니라, ReactJS 를 이용하여 간단한 웹사이트 (영화 정보와 랭킹을 알려주는 웹사이트)를 직접 함께 클론코딩하면서 만들어봅니다. 본 강좌는 영어로 진행되기 때문에 한글자막을 꼭 켜주세요!

2. 학습 목표

  • 기초적인 수준이지만 리액트 기본기에 대하여 이해하게된다.
  • 리액트를 활용해서 간단한 영화 웹 서비스를 만들수 있다.
  • 완성된 모습: https://nomadcoders.github.io/movie_app/

3. 도움이 되는 분들

기본적인 html, css, javascript 지식이 있는 분 들어오세요.  초급은 아니됩니다. 초보는 카카오톡 클론코딩 먼저 공부하시고, 자바스크립트 공부하시구 드루와요.

4. 강사 소개

리액트 네이티브로 투두앱 만들기
Nicolás Serrano Arévalo / 노마드 코더
9살부터 프로그래밍을 혼자서 독학해서 배운 (자칭) 천재 코더, 13살에 이미 개발자로 입사제의를 받기 시작하였으나, 본인의 자유가 더욱 중요하다며 뻥 차버린 자유로운 영혼의 소유자, f**k이 들어가는 언어를 자유롭게 구사한다. 콜롬비아를 떠나 현재 4년여 넘게 세계를 떠돌아다니면서 디지털노마드로 살고있다. 

실력이 궁금하다면 Youtube 채널(https://goo.gl/SWuuN7)을 확인!

 

그 외 무료 강의 더 보기 : https://academy.nomadcoders.co

지식공유자 소개

노마드코더

교육과정

리액트 기초 배우기
Introduction to React
06 : 00
What are we building
02 : 00
ReactJS로 웹 서비스 만들기
Introduction to Create React App
04 : 00
Hello World with React and CRA
04 : 00
Creating React Components with JSX
15 : 00
Data flow with Props
13 : 00
Lists with .maps
06 : 00
Validating Props with Prop Types
08 : 00
Component Lifecycle
05 : 00
Thinking in React Component State
05 : 00
Practicing this setState
08 : 00
Loading states
07 : 00
Smart vs Dumb
07 : 00
AJAX on React
08 : 00
Promises
13 : 00
Async Await
15 : 00
Updating Movie
13 : 00
CSS for Movie
05 : 00
Building for Production
11 : 00
완성
최종 완성본
01 : 00

수강 후기

4.9
56개의 수강평
조은수(Eunsoo Cho) 7시간 전
많은 도움이 되었어요
신다겸 11일 전
좋아요
신종원 21일 전
리액트가 어떤건지 알기 좋았습니다.
eureka87 22일 전
React로 처음 웹을 만드는데 많은 도움이 됐습니다
조경석 25일 전
많은 도움이 되었습니다.
박제민 26일 전
꼭 들으면 좋은 강의입니다.
이현성 28일 전
감사합니다
안기효 1달 전
리액트 시작은 이 강의로~!!
Jung HyeonOh 1달 전
Good
syh19910918 1달 전
Very Nice!
안진희 1달 전
재밌고 알차게 잘 배웠습니다!!!
윤명우 1달 전
초보자에게 매우좋습니다
강준호 1달 전
리액트를 이용하여 바로 웹페이지를 만드는 결과물을 얻을 수 있는 좋은 기회였습니다! 감사합니다 니꼴라스
InflearnCruise 1달 전
감사합니다 React 처음 접해보는데 생각보다 만족스러운 결과물이네요 2일만에 만들었어요! 강의 너무 좋습니다
김정미 1달 전
쉽게 리액트를 접할 수 있어서 좋았어요 ㅎㅎ
호농민 2달 전
fxxk형 오늘도 최고야!
김정윤 7달 전
최고네요. 리액트 처음 시작하는 분은 무조건 보세요~! 벨로퍼트님 강의도 아주 좋은데, 노마드코더님이 좀 더 간단하게 핵심 개념 위주로 설명해주면서 진행합니다. 멋진 강의해 주신 노마드 코더님 감사해요~!
김정헌 8달 전
기초 개념 잡기에 훌륭합니다. 잘 봤습니다. 리액트 처음 접할때도 어렵지 않게 잘 이해하기 좋습니다. 감사합니다.
남상일 8달 전
허...재밌어요! 크,,,
Youme Jung 8달 전
기초잡는데 도움이 많이 되었어요~ 책으로 공부하다가 지루해서 우연히 알게된 강좌인데, 기초적인 부분부터 배울수 있고 재밌고 유익한것 같습니다.
민일정 8달 전
강좌 잘 봤습니다. 리액트에대힌 기초지식을 배우기에는 적당합니다.
Go HyungSeok 9달 전
리액트와 가장 쉽게 친숙해지는 강좌 css javascript html 등 기반지식이 많이 필요함에도 불구하고 최대한 리액트에만 집중해서 리액트를 처음 접하는 사람에게 쉽게 적응할 수 있는 기반을 마련해주는 강좌. 강좌평을 적을 수 밖에 없게 만드네요. 감사합니다.
G moon 9달 전
빠르게 리액트를 경험할수 있고 좋아요 굿굿데스
Oscar won 10달 전
감사합니다. 큰도움이되었어요. 감사합니다 :)
jik0090 10달 전
리액트에대한이해 리액트 잘배웠습니다.
이윤서 10달 전
입문으로 최고네요. 다른강의에서 그냥 이렇게 해야한단 식으로만 넘어갔던 기초적인 부분들을 알기 쉽게 정리해주는 것 같아서 입문용으로 좋았습니다. 어려워서 벽이 있는 듯 한 느낌이었는데, 하나 허물어 주신 것 같아요 ^^. 감사합니다. + 다른 리액트 강의를 보고 댓글 수정합니다. v16.3이 되면서 강좌 내에 나오는 부분 중.. 변경된 점들이 있더라구요! 강좌 보시는 분들 참고하시길!
이창희 10달 전
굳굳 좋은 강의
박한성 박 10달 전
기초적인 내용을 따라하기 쉽게 설명해서 너무 좋았습니다. 감사합니다.
이병만 10달 전
좋았습니다
Heejune Yang 10달 전
끝에 조금 따라가지 못했지만 이렇게 배울수 있어서 감사합니다.
won 11달 전
강의 재밌었습니다. 강의 분량이 길지 않아 빠르게 리액트에 대해 배워볼 수 있어서 좋았습니다.
김현욱 11달 전
혹시 이 강좌도 수강증? 수료증 발급 할 수 있나요?
토순이메롱 2018.06.28
좋습니다! 설명 쉽고 재밌게 잘해주시네요! 덕분에 리액트에 대해서 잘 배우고 갑니다~
준우김 2018.06.28
아아아아아아아아앙 기모찌 정말 좋은강의군요! 아아아아아아아앙 기모찌
iamqjin 2018.06.10
간단하게 리액트를 접해보기 좋은 강의입니다! 리액트의 기본 프로세스들을 접할 수 있어서 좋은 강의였습니다. 더 공부를 해서 깔끔한 리액트 웹을 만들어보고 싶네요 ㅎㅎ
김태욱 2018.05.31
리액트를 쉽게 배울 수 있네요~ ^^ 뒷부분이 자세하지 못해 좀 아쉽지만, 리액트의 기초를 쉽게 이해하기 좋은 강좌입니다~!
james 2018.05.19
SUP!! A+++++++
Kichan Park 2018.05.18
좋은 강의 감사합니다:) Vue.js 하다가 넘어왔는데 둘이 비슷한 점이 많네요
Jerome Baek 2018.04.30
재미있는 강좌네요 입문하는데에 많은 도움이 되었습니다.
강희성 2018.04.29
잘들었습니다. 쉽게 따라하기 좋네요. 뭔가 색다른 강좌의 느낌이 었습니다. 유튜브 채널 가보니 여러가지 좋은 영상들이 있더군요 열심히 따라 하고 있습니다.
조서형 2018.04.25
진짜 진짜 최고입니다! 노마드코더님의 팬이 되었어요. 앞으로 계속 노마드코더님 강좌 많이 찾아볼 것 같습니다!
김재영 2018.04.18
리액트 최고의 입문 강의 리액트 진입시에 느꼈던 장벽이 거짓말처럼 사라지는 멋진 강의였습니다.
연계중 2018.03.27
React의 기초를 잡는데 많은 도움이 되었습니다. React의 기초를 잡는데 좋은 강좌 였습니다.
허인희 2018.03.16
클론강좌 좋네요 클론강좌가 확실히 이해가 쉽고 좋네요. 감사합니다.
이춘길 2018.03.16
여태 들은 강의 중 최고 깔끔하고, 심플하며 그 와중에 알짜배기 내용이 수록, 노마드 코더 최고입니다.
도승지 2018.03.04
최고! 사랑합니다.
도승지 2018.03.04
최고! 사랑합니다
WonBok Lee 2018.03.01
Easy to understand I've been searching for a React lecture here and there but, I've given up all the courses in the middle because it was difficult for a beginner in JS to understand. However yours were so perfect that now I can understand what Props and State are... If I have some time to study further I will definitely join your other courses. Thank you
호호깔깔 2018.01.30
쉽고 재밌었습니다. 설명도 자세하게 잘 해주셨고 재밌어서 강의를 보면서 하나도 안지루했어요 ^^
김대윤 김 2017.11.21
너무 쉽게 잘 이해 했습니다 클론코딩을 하면서 많은 방법을 배우는것같아요
프라이스 2017.11.06
감을 잡아가기 정말 좋았습니다. 라이브코딩 형식이라 보면서 많을 것을 배워갑니다. 감사합니다.
김진우 2017.10.30
reactjs 맛보기 좋아요 짧은 시간 내에 ReactJS를 맛보기 좋은 강의입니다
이다원 이 2017.10.29
짱이다... 대박.. 자막퀄리티도 너무 좋고 클론코딩이여서 따라치는데도 리액트에 대해서 이해 할 수 있었어요... 너무 재미있었어요. 감사합니다.
안피곤 2017.10.26
Awesome~!! Very Good~!
서정환 2017.10.20
빠른 정리 및 숙달을 할수 있는 강의!!! 전체 흐름을 빠르게 숙지하고 정리할수 있는 강의였네요 ^^ 감사합니다.
61250 2017.10.17
최고입니다. 다른 리액트 강의 듣다 포기하고 이걸로 옮겼는데 훨씬 낫네요. 기초부터 가르쳐주고 설명이 깔끔함