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

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

강좌 평가

5

22 개의 수강평
  • 5 점21
  • 4 점1
  • 3 점0
  • 2 점0
  • 1 점0
  1. iamqjin의 프로필 사진

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

    5

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

  2. 김태욱의 프로필 사진

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

    4

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

  3. Kichan Park의 프로필 사진

    좋은 강의 감사합니다:)

    5

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

  4. Jerome Baek의 프로필 사진

    재미있는 강좌네요

    5

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

  5. 강희성의 프로필 사진

    잘들었습니다.

    5

    쉽게 따라하기 좋네요.

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

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

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

  6. 조서의 프로필 사진

    진짜 진짜 최고입니다!

    5

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

  7. 김재영의 프로필 사진

    리액트 최고의 입문 강의

    5

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

  8. 연계중의 프로필 사진

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

    5

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

  9. 허인희의 프로필 사진

    클론강좌 좋네요

    5

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

  10. 이춘길의 프로필 사진

    여태 들은 강의 중 최고

    5

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

  11. 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

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

    쉽고 재밌었습니다.

    5

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

  13. 김대윤의 프로필 사진

    너무 쉽게 잘 이해 했습니다

    5

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

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

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

    5

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

  15. 김진우의 프로필 사진

    reactjs 맛보기 좋아요

    5

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

  16. 이다원의 프로필 사진

    짱이다...

    5

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

  17. RestNFeel의 프로필 사진

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

    5

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

  18. 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층 R10 | 개인정보보호책임자:이형주
통신판매업:2017-서울강남-01544 | ©INFLAB. ALL RIGHTS RESERVED