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

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

8 개의 수강평
  • 5 점8
  • 4 점0
  • 3 점0
  • 2 점0
  • 1 점0
  1. 호호깔깔의 프로필 사진

    쉽고 재밌었습니다.

    5

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

  2. 김대윤의 프로필 사진

    너무 쉽게 잘 이해 했습니다

    5

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

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

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

    5

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

  4. 김진우의 프로필 사진

    reactjs 맛보기 좋아요

    5

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

  5. 이다원의 프로필 사진

    짱이다...

    5

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

  6. RestNFeel의 프로필 사진

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

    5

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

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