Thumbnail

React 제대로 배우기 대시보드

(3.5)
2개의 수강평 ∙  42명의 수강생
공개되지 않은 강의로
수강이 제한됩니다.
지식공유자: 아이티고
총 45개 수업 (22시간 56분)
수강기한: 
무제한
수료증: 미발급
난이도: 
입문
-
초급
-
중급이상
지식공유자 답변: 미제공

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

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

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

2. 도움 되는 분들

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

3. 학습목표

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

4. 참고사항

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


안녕하세요
아이티고 입니다.
아이티고의 썸네일
커리큘럼 총 45 개 ˙ 22시간 56분의 수업
이 강의는 영상, 수업 노트가 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. React소개
섹션 1. React개발환경
개발환경 구축 1 미리보기 31:00
개발환경 구축 2 25:00
섹션 2. React시작하기
강의자료 (React 제대로 배우기)
리액트 시작하기 37:00
섹션 3. 컴포넌트
리액트 컴포넌트 30:00
섹션 4. React스타일링
리액트 스타일링 36:00
섹션 5. 컴포넌트조합
컴포넌트의 조합 35:00
섹션 6. 컴포넌트속성전달
섹션 7. 컴포넌트상태
컴포넌트의 State 설정 33:00
섹션 8. JSX
JSX 배열 사용하기 1 미리보기 32:00
JSX 배열 사용하기 2 18:00
섹션 9. React이벤트
이벤트 1 34:00
이벤트 2 33:00
이벤트 3 35:00
섹션 10. 생명주기
컴포넌트의 생명주기 1 35:00
컴포넌트의 생명주기 2 28:00
컴포넌트의 생명주기 3 25:00
섹션 11. DOM 접근
DOM 엘리먼트 접근하기 1 33:00
DOM 엘리먼트 접근하기 2 34:00
섹션 12. ReactRouter
리액트 라우터 사용하기 1 32:00
리액트 라우터 사용하기 2 35:00
리액트 라우터 사용하기 3 39:00
섹션 13. React TodoList
TodoList 앱 기능 구현하기 1 미리보기 30:00
TodoList 앱 기능 구현하기 2 25:00
TodoList 앱 기능 구현하기 3 29:00
섹션 14. ES6
ES6 문법을 이용한 컴포넌트 생성 및 JSX 조건문 처리 39:00
섹션 15. 컴포넌트매핑
컴포넌트 매핑의 이해 35:00
섹션 16. webpack
모듈 번들러 webpack 34:00
webpack.config.js 파일 설정 및 테스트 37:00
섹션 17. hot-loader
섹션 18. 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
강의 게시일 : 2018년 01월 09일 (마지막 업데이트일 : 2018년 11월 15일)
수강평 총 2개
수강생분들이 직접 작성하신 수강평입니다.
VIEW 추천 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
Keun Won Lee thumbnail
3
강좌 동영상이 문제가 좀 있네요 강좌 동영상 문제가 좀 있네요 "ReactJS 소개" 와 "개발환경 구축 1" 이 동일한 동영상으로 나오고 있습니다.
2018-01-19
인프런
알려주셔서 감사합니다. 바로 수정했습니다. 지금은 제대로 보이실거에요~~
2018-01-19
정성화 thumbnail
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문법에 익숙치 않은 분들에게는 힘들수도 있을거 같습니다.
2018-03-11