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

1. 강좌 소개

이 강의에서는 리액트의 이론, 기본지식을 알려드리는 것 뿐만 아니라, ReactJS 를 이용하여 간단한 웹사이트 (영화 정보와 랭킹을 알려주는 웹사이트)를 직접 함께 클론코딩하면서 만들어봅니다.

본 강좌는 영어로 진행되기 때문에 한글자막을 꼭 켜주세요!

2. 학습 목표

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

3. 도움이 되는 분들

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

4. 강사 소개

Nicolás Serrano Arévalo

8살부터 프로그래밍을 혼자서 독학해서 배운 (자칭) 천재 코더.
13살에 이미 개발자로 입사제의를 받기 시작하였으나, 본인의 자유가 더욱 중요하다며 뻥 차버린 자유로운 영혼의 소유자, f**k이 들어가는 언어를 자유롭게 구사한다.
콜롬비아를 떠나 현재 2년여 넘게 세계를 떠돌아다니면서 디지털노마드로 살고있다.
실력이 궁금하다면 Youtube 채널(https://goo.gl/SWuuN7)을 확인!

 

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

강좌 평가

5

7 개의 수강평
  • 5 점7
  • 4 점0
  • 3 점0
  • 2 점0
  • 1 점0
  1. 김대윤의 프로필 사진

    너무 쉽게 잘 이해 했습니다

    5

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

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

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

    5

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

  3. 김진우의 프로필 사진

    reactjs 맛보기 좋아요

    5

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

  4. 이다원의 프로필 사진

    짱이다...

    5

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

  5. RestNFeel의 프로필 사진

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

    5

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

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