영화 정보와 랭킹을 알려주는 웹사이트를 직접 함께 클론코딩하면서 만들어봅니다.

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

강좌 평가

4.9

34 개의 수강평
  • 5 점31
  • 4 점3
  • 3 점0
  • 2 점0
  • 1 점0
  1. G moon의 프로필 사진

    빠르게 리액트를 경험할수 있고 좋아요

    5

    굿굿데스

  2. Oscar won의 프로필 사진

    감사합니다. 큰도움이되었어요.

    5

    감사합니다 🙂

  3. jik0090의 프로필 사진

    리액트에대한이해

    5

    리액트 잘배웠습니다.

  4. 이윤서의 프로필 사진

    입문으로 최고네요.

    5

    다른강의에서 그냥 이렇게 해야한단 식으로만 넘어갔던 기초적인 부분들을
    알기 쉽게 정리해주는 것 같아서 입문용으로 좋았습니다.
    어려워서 벽이 있는 듯 한 느낌이었는데, 하나 허물어 주신 것 같아요 ^^.
    감사합니다.

    + 다른 리액트 강의를 보고 댓글 수정합니다.
    v16.3이 되면서 강좌 내에 나오는 부분 중.. 변경된 점들이 있더라구요! 강좌 보시는 분들 참고하시길!

  5. 박한성의 프로필 사진

    5

    기초적인 내용을 따라하기 쉽게 설명해서 너무 좋았습니다.
    감사합니다.

  6. Heejune Yang의 프로필 사진

    끝에 조금 따라가지 못했지만

    5

    이렇게 배울수 있어서 감사합니다.

  7. won의 프로필 사진

    강의 재밌었습니다.

    4

    강의 분량이 길지 않아 빠르게 리액트에 대해 배워볼 수 있어서 좋았습니다.

  8. 김현욱의 프로필 사진

    혹시 이 강좌도 수강증? 수료증 발급 할 수 있나요?

    4

    혹시 이 강좌도 수강증? 수료증 발급 할 수 있나요?

  9. 토순이메롱의 프로필 사진

    좋습니다!

    5

    설명 쉽고 재밌게 잘해주시네요! 덕분에 리액트에 대해서 잘 배우고 갑니다~

  10. 준우김의 프로필 사진

    아아아아아아아아앙 기모찌

    5

    정말 좋은강의군요! 아아아아아아아앙 기모찌

  11. iamqjin의 프로필 사진

    간단하게 리액트를 접해보기 좋은 강의입니다!

    5

    리액트의 기본 프로세스들을 접할 수 있어서 좋은 강의였습니다.
    더 공부를 해서 깔끔한 리액트 웹을 만들어보고 싶네요 ㅎㅎ

  12. 김태욱의 프로필 사진

    리액트를 쉽게 배울 수 있네요~ ^^

    4

    뒷부분이 자세하지 못해 좀 아쉽지만, 리액트의 기초를 쉽게 이해하기 좋은 강좌입니다~!

  13. Kichan Park의 프로필 사진

    좋은 강의 감사합니다:)

    5

    Vue.js 하다가 넘어왔는데 둘이 비슷한 점이 많네요

  14. Jerome Baek의 프로필 사진

    재미있는 강좌네요

    5

    입문하는데에 많은 도움이 되었습니다.

  15. 강희성의 프로필 사진

    잘들었습니다.

    5

    쉽게 따라하기 좋네요.

    뭔가 색다른 강좌의 느낌이 었습니다.

    유튜브 채널 가보니 여러가지 좋은 영상들이 있더군요

    열심히 따라 하고 있습니다.

  16. 조서의 프로필 사진

    진짜 진짜 최고입니다!

    5

    노마드코더님의 팬이 되었어요. 앞으로 계속 노마드코더님 강좌 많이 찾아볼 것 같습니다!

  17. 김재영의 프로필 사진

    리액트 최고의 입문 강의

    5

    리액트 진입시에 느꼈던 장벽이 거짓말처럼 사라지는 멋진 강의였습니다.

  18. 연계중의 프로필 사진

    React의 기초를 잡는데 많은 도움이 되었습니다.

    5

    React의 기초를 잡는데 좋은 강좌 였습니다.

  19. 허인희의 프로필 사진

    클론강좌 좋네요

    5

    클론강좌가 확실히 이해가 쉽고 좋네요.
    감사합니다.

  20. 이춘길의 프로필 사진

    여태 들은 강의 중 최고

    5

    깔끔하고, 심플하며 그 와중에 알짜배기 내용이 수록,
    노마드 코더 최고입니다.

  21. WonBok Lee의 프로필 사진

    Easy to understand

    5

    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

  22. 호호깔깔의 프로필 사진

    쉽고 재밌었습니다.

    5

    설명도 자세하게 잘 해주셨고 재밌어서 강의를 보면서 하나도 안지루했어요 ^^

  23. 김대윤의 프로필 사진

    너무 쉽게 잘 이해 했습니다

    5

    클론코딩을 하면서 많은 방법을 배우는것같아요

  24. 프라이스의 프로필 사진

    감을 잡아가기 정말 좋았습니다.

    5

    라이브코딩 형식이라 보면서 많을 것을 배워갑니다. 감사합니다.

  25. 김진우의 프로필 사진

    reactjs 맛보기 좋아요

    5

    짧은 시간 내에 ReactJS를 맛보기 좋은 강의입니다

  26. 이다원의 프로필 사진

    짱이다...

    5

    대박..
    자막퀄리티도 너무 좋고
    클론코딩이여서 따라치는데도 리액트에 대해서 이해 할 수 있었어요…
    너무 재미있었어요. 감사합니다.

  27. RestNFeel의 프로필 사진

    빠른 정리 및 숙달을 할수 있는 강의!!!

    5

    전체 흐름을 빠르게 숙지하고 정리할수 있는 강의였네요 ^^
    감사합니다.

  28. 61250의 프로필 사진

    최고입니다.

    5

    다른 리액트 강의 듣다 포기하고 이걸로 옮겼는데
    훨씬 낫네요. 기초부터 가르쳐주고 설명이 깔끔함

강좌 교육과정

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

우리는 성장기회의 평등 을 추구합니다.

경제적, 시간적 제약없는 양질을 교육으로 누구나에게 성장 기회를 균등하게 주는것. 그것이 우리의 목표입니다.

지식공유참여 고객센터
top
(주)인프랩 | 대표자:이형주 | TEL:070-4202-1180 | E-MAIL: course@inflearn.com | 사업자번호:499-81-00612
주소:성남시 분당구 삼평동 대왕판교로 645번길 12 경기창조경제혁신센터 8층 R19 | 개인정보보호책임자:이형주
통신판매업:2017-서울강남-01544 | ©INFLAB. ALL RIGHTS RESERVED