React 제대로 배우기

React 제대로 배우기

(2개의 수강평)

44명의 수강생 공개 되지 않은 강좌 입니다
아이티고
평생
입문
45개 수업, 총 22시간 56분

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

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

2. 도움 되는 분들

자바스크립트의 기본 적인 지식이 있는 개발 입문자 프론트엔드 개발 경험자 웹 개발자로 취업을 하고자 하는 취업 준비생

3. 학습목표

- 리액트 소개 - 리액트 개발환경 구축 - 리액트 컴포넌트의 이해 - JSX의 이해 - state, props 이해 - react-addons-update 라이브러리 사용하기

4. 참고사항

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

지식공유자 소개

아이티고

교육과정

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

수강 후기

3.5
2개의 수강평
정성화 2018.03.11
강의 내용은 알차게 구성하셨습니다만.. 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문법에 익숙치 않은 분들에게는 힘들수도 있을거 같습니다.
Keun Won Lee 2018.01.19
강좌 동영상이 문제가 좀 있네요 강좌 동영상 문제가 좀 있네요 "ReactJS 소개" 와 "개발환경 구축 1" 이 동일한 동영상으로 나오고 있습니다.
인프런 프로필

인프런 2018.01.19
알려주셔서 감사합니다. 바로 수정했습니다. 지금은 제대로 보이실거에요~~