공개되지 않은 강의로
수강이 제한됩니다.
수강이 제한됩니다.
본과정은 최근 웹기술 중 가장 인기가 있는 리액트를 이해하기 쉬운 예제를 직접 만들어가면서 원리를 자세하게 설명한 강좌이다.
1. React 제대로 배우기 강좌소개
React 제대로 배우기 과정은 최근 웹기술 중 가장 인기가 있는 리액트를 이해하기 쉬운 예제를 직접 만들어가면서 원리를 자세하게 설명한 강좌이다. REACT는 페이스북에서 개발한 자바스크립트 라이브러리이며, 페이스북 및 인스타그램에서 REACT를 사용하고 있다. 기본 자바스크립트와 다르게 JSX 문법을 많이 사용하므로 본강좌에서 다루게 될 것이다.2. 도움 되는 분들
자바스크립트의 기본 적인 지식이 있는 개발 입문자 프론트엔드 개발 경험자 웹 개발자로 취업을 하고자 하는 취업 준비생3. 학습목표
- 리액트 소개 - 리액트 개발환경 구축 - 리액트 컴포넌트의 이해 - JSX의 이해 - state, props 이해 - react-addons-update 라이브러리 사용하기4. 참고사항
해당 강의는 질문 답변이 포함되지 않습니다.
안녕하세요
아이티고 입니다.
아이티고 입니다.
커리큘럼
총 45 개
˙ 22시간 56분의 수업
이 강의는 영상, 수업 노트가 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. React소개
1 강
∙ 31분
섹션 1. React개발환경
2 강
∙ 56분
개발환경 구축 1
미리보기
31:00
개발환경 구축 2
25:00
섹션 2. React시작하기
2 강
∙ 37분
강의자료 (React 제대로 배우기)
리액트 시작하기
37:00
섹션 3. 컴포넌트
1 강
∙ 30분
리액트 컴포넌트
30:00
섹션 4. React스타일링
1 강
∙ 36분
리액트 스타일링
36:00
섹션 5. 컴포넌트조합
1 강
∙ 35분
컴포넌트의 조합
35:00
섹션 6. 컴포넌트속성전달
1 강
∙ 29분
섹션 7. 컴포넌트상태
1 강
∙ 33분
컴포넌트의 State 설정
33:00
섹션 8. JSX
2 강
∙ 50분
JSX 배열 사용하기 1
미리보기
32:00
JSX 배열 사용하기 2
18:00
섹션 9. React이벤트
3 강
∙ 1시간 42분
이벤트 1
34:00
이벤트 2
33:00
이벤트 3
35:00
섹션 10. 생명주기
3 강
∙ 1시간 28분
컴포넌트의 생명주기 1
35:00
컴포넌트의 생명주기 2
28:00
컴포넌트의 생명주기 3
25:00
섹션 11. DOM 접근
2 강
∙ 1시간 7분
DOM 엘리먼트 접근하기 1
33:00
DOM 엘리먼트 접근하기 2
34:00
섹션 12. ReactRouter
3 강
∙ 1시간 46분
리액트 라우터 사용하기 1
32:00
리액트 라우터 사용하기 2
35:00
리액트 라우터 사용하기 3
39:00
섹션 13. React TodoList
3 강
∙ 1시간 24분
섹션 14. ES6
1 강
∙ 39분
ES6 문법을 이용한 컴포넌트 생성 및 JSX 조건문 처리
39:00
섹션 15. 컴포넌트매핑
1 강
∙ 35분
컴포넌트 매핑의 이해
35:00
섹션 16. webpack
2 강
∙ 1시간 11분
모듈 번들러 webpack
34:00
webpack.config.js 파일 설정 및 테스트
37:00
섹션 17. hot-loader
1 강
∙ 23분
섹션 18. state
14 강
∙ 7시간 4분
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
추천 순
최신 순
높은 평점 순
낮은 평점 순
평점 순
높은 평점 순
낮은 평점 순
강의 내용은 알차게 구성하셨습니다만..
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