본과정은 최근 웹기술 중 가장 인기가 있는 리액트를 이해하기 쉬운 예제를 직접 만들어가면서 원리를 자세하게 설명한 강좌이다.

1. React 제대로 배우기 강좌소개

React 제대로 배우기 과정은 최근 웹기술 중 가장 인기가 있는 리액트를 이해하기 쉬운 예제를 직접 만들어가면서 원리를 자세하게 설명한 강좌이다.
REACT는 페이스북에서 개발한 자바스크립트 라이브러리이며, 페이스북 및 인스타그램에서 REACT를 사용하고 있다. 기본 자바스크립트와 다르게 JSX 문법을 많이 사용하므로 본강좌에서 다루게 될 것이다.

2. 도움 되는 분들

자바스크립트의 기본 적인 지식이 있는 개발 입문자

프론트엔드 개발 경험자

웹 개발자로 취업을 하고자 하는 취업 준비생

3. 학습목표

– 리액트 소개

– 리액트 개발환경 구축

– 리액트 컴포넌트의 이해

– JSX의 이해

– state, props 이해

– react-addons-update 라이브러리 사용하기

4. 참고사항

해당 강의는 질문 답변이 포함되지 않습니다.

강좌 평가

3.3

3 개의 수강평
  • 5 점0
  • 4 점1
  • 3 점2
  • 2 점0
  • 1 점0
  1. 케빈의 프로필 사진

    강의 내용은 알차게 구성하셨습니다만..

    4

    React.JS 에 충분한 설명을 해주셔서 초보자도 쉽게 따라할 수 있을거 같네요.
    다만 단점으로
    1. 강의준비를 급하게 하셨는지, 강의 도중 예제에서 에러가 발생하면 원인을 찾는데 시간이 생각보다 많이 뺏기셔서 강의의 흐름이 끊긴다는 점입니다. 강의 동영상 올리기 전에 이런 부분들은 편집을 해주셨으면 어땠을까 하는 아쉬움이 있네요.
    2. webpack 버전 및 React.js 버전에 따라 Component 호출 방식과 webpack 설정 방법등이 크게 달라지는데, 그 부분에 대해서 안내가 부족해서 많이 헤맸던거 같습니다. 어쩔수 없이 강의에 나온대로 webpack은 3.5.5 버전으로, react는 15.6.1 버전으로 package.json 수정해서 반영해야 강의에 나온대로 따라할수 있었습니다. 특히 webpack은 3.대와 4.대의 차이가 크기도 하고, 4.대는 아직 불안전한 측면이 많아서 안내가 필요할 듯 한데, 이에 대한 언급이 없어서 많은 분들이 애먹는거 같네요. 미리 작성된 package.json 및 codepen의 라이브러리 링크주소를 미리 제공하고 시작해야 강의 진행에 어려움이 없을거 같습니다.
    3. 강의를 듣다보면 설명이 길어지는게 느껴집니다. 물론 디테일하게 설명하시기 위함인걸 모르는 바는 아니지만, 그럼에도 지루한 감이 없지는 않았네요. 예제에 조금 더 집중을 해주셨으면 어땠을까 하는 아쉬움이 있습니다.

    강의 그대로 따라하다보니 예상치 못한 오류가 많아서 고전했습니다만, 오히려 원인 추적을 직접 하면서 실력이 조금 더 늘었다는 기분이 드네요. 다만 자바스크립트 기본문법이나 ES6문법에 익숙치 않은 분들에게는 힘들수도 있을거 같습니다.

  2. Keun Won Lee의 프로필 사진

    강좌 동영상이 문제가 좀 있네요

    3

    강좌 동영상 문제가 좀 있네요

    “ReactJS 소개” 와 “개발환경 구축 1” 이 동일한 동영상으로 나오고 있습니다.

강좌 교육과정

React소개
ReactJS 소개학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:31:00
React개발환경
개발환경 구축 1학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:31:00
개발환경 구축 2학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:25:00
React시작하기
강의자료 (React 제대로 배우기)학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:00:00
리액트 시작하기학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:37:00
컴포넌트
리액트 컴포넌트학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:30:00
React스타일링
리액트 스타일링학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:36:00
컴포넌트조합
컴포넌트의 조합학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:35:00
컴포넌트속성전달
컴포넌트의 속성 전달학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:29:00
컴포넌트상태
컴포넌트의 State 설정학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:33:00
JSX
JSX 배열 사용하기 1학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:32:00
JSX 배열 사용하기 2학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:18:00
React이벤트
이벤트 1학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:34:00
이벤트 2학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:33:00
이벤트 3학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:35:00
생명주기
컴포넌트의 생명주기 1학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:35:00
컴포넌트의 생명주기 2학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:28:00
컴포넌트의 생명주기 3학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:25:00
DOM 접근
DOM 엘리먼트 접근하기 1학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:33:00
DOM 엘리먼트 접근하기 2학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:34:00
ReactRouter
리액트 라우터 사용하기 1학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:32:00
리액트 라우터 사용하기 2학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:35:00
리액트 라우터 사용하기 3학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:39:00
React TodoList
TodoList 앱 기능 구현하기 1학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:30:00
TodoList 앱 기능 구현하기 2학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:25:00
TodoList 앱 기능 구현하기 3학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:29:00
ES6
ES6 문법을 이용한 컴포넌트 생성 및 JSX 조건문 처리학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:39:00
컴포넌트매핑
컴포넌트 매핑의 이해학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:35:00
webpack
모듈 번들러 webpack학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:34:00
webpack.config.js 파일 설정 및 테스트학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:37:00
hot-loader
react-hot-loader 설정, 모듈화학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:23:00
state
props type 검증 및 constructor에서 state 설정하기학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:37:00
props를 이용한 state 사용학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:25:00
react-addons-update 라이브러리 설치학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:33:00
데이터배열에 요소 추가하기 1학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:32:00
데이터배열에 요소 추가하기 2학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:30:00
데이터배열에서 요소 삭제하기 1학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:35:00
데이터배열에서 요소 삭제하기 2학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:33:00
데이터배열에서 요소 삭제하기 3학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:35:00
데이터배열에서 요소 수정하기 1학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:32:00
데이터배열에서 요소 수정하기 2학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:33:00
데이터배열에서 요소 수정하기 3학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:32:00
데이터배열에서 요소 수정하기 4학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:36:00
데이터배열에서 요소 수정하기 5학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:17:00
키보드 이벤트 처리학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:14:00
  • 가격 옵션 +
  • 평생
  • 45개 강의, 총 22 시간 56 분
  • 위시리스트

실시간 인기 강좌

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

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

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