React & Express 를 이용한 웹 어플리케이션 개발하기
React & Express 를 이용한 웹 어플리케이션 개발하기
수강정보
(79개의 수강평)
11743명의 수강생
스킬태그 #Front-End, #React
무료
지식공유자 : velopert(김 민준)
38회 수업 · 총 6시간 수업
기간 : 평생 무제한 시청
수료증 : 미발급 강의
수강 난이도 : 초급

이 강의는

Velopert 님이 알려주는 ReactJS 강좌 입니다. 최근 각광받는 Javascript 라이브러리인 React 를 소개하고, 사용법을 알려주는 강좌 입니다.
후반부 텍스트 강좌는 취소되었습니다. 이 강좌에서 다루는 내용이 조금 오래되어 새로운 강의로 리뉴얼되었습니다.

새 강의 보기

1. 강좌 소개

자바스크립트 라이브러리 ReactJS 를 학습하는 react 강좌 입니다. 요즘 들어 HOT 한 페이스북에서 개발한 자바스크립트 라이브러리, React.js 에 대하여 알아보고, 직접 사용을 해보면서 기술을 익힐 수 있는 강좌입니다. React.js 의 기본 개념부터 시작해서, 간단한 예제 프로젝트 몇개를 만들어보고, Node.js, MongoDB를 사용하여 Backend 서버를 만드는 방법도 익히고, 최종적으로는 강좌에서 배운 지식들을 결합하여 간단한 웹 어플리케이션 프로젝트를 완성합니다.

- node.js 를 사용해 본 경험이 있으면 학습하기 수월합니다.
- HTML,CSS,JAVASCRIPT 에 대한 이해도가 있는 분께 적합한 강좌입니다.
- 완강 전 입니다. 매주 한두편씩 연재될 예정입니다.
-  2016년 8월에 Webframeworks.kr 에서 진행하는 React.js 코드랩 세미나를 위해 준비한 자료를 토대로 진행합니다

참고 자료

Links
- http://slides.com/minjunkim-1/deck (강의에서 사용되는 슬라이드)
- https://velopert.com/reactjs-tutorials (React.js 텍스트 강좌 목록)

2. 도움되는 분들

  • 평소 React.js 를 학습하고 싶었던 분
  • 웹 프론트엔드 개발자가 되고 싶은 분
  • HTML,JAVASCRIPT,CSS 에 대한 이해도가 있으신 분

3. 강좌 특징

  • 다루는 기술 : 전반적인 Web front-end 기술, Javascript, React.js, node.js
  • 강좌 수준 : 초급~중급
  • 사전 지식: HTML,CSS,Javascript 에 대한 기본적인 이해가 필요합니다.
  • node.js 를 경험해보신 분이라면 더욱 좋아요.

4. 강사 소개

김민준

트렌디한 IT기술을 지향(하려고 노력)하는 개발자, 김민준입니다. Github이나 블로그에서는 velopert로 활동하고 있습니다. React.js 라이브러리를 매우 좋아하며, 국내에서 이 라이브러리의 인기를 한층 더 높이겠다는 다짐으로 자료를 만들고 있습니다.

교육과정

모두 펼치기 38 강의 6시간
섹션 0. 섹션 1. 오리엔테이션, ReactJS 소개
3 강의 23 : 00
강좌 소개
05 : 00
React.JS 소개
09 : 00
React.js 장점과 단점
09 : 00
섹션 1. 섹션 2. React.js 시작하기
5 강의 38 : 00
Codepen 설정 , ES6 클래스
04 : 00
JSX의 특징
07 : 00
props
07 : 00
state
09 : 00
컴포넌트 매핑 (Component Mapping)
11 : 00
섹션 2. 섹션 3. 개발환경 설정, 프로젝트 진행
3 강의 39 : 00
작업환경 설정하기
07 : 00
React Project 만들기 | NPM, WEBPACK
24 : 00
Hot Module Replacement | React Hot Loader
08 : 00
섹션 3. 섹션 4. 주소록 (Contact) 만들기
9 강의 86 : 00
Contact 검색기능 구현 | input, sort, filter
12 : 00
Contact 선택기능 구현 | React.js 기초개념 응용
09 : 00
state 내부 배열 처리하기 | Immutability Helper / ES6 spread
13 : 00
Contact 추가/삭제/수정 기능 구현 | Immutability Helper 적용하기
06 : 00
Contact 데이터 추가기능 구현 | 컴포넌트 응용
09 : 00
Contact 데이터 삭제/수정 기능 구현 | 컴포넌트 응용
14 : 00
Contact 엑스트라 기능 구현 i | KeyPress, ref
08 : 00
Component LifeCycle API
07 : 00
Contact 데이터 새로고침해도 유지하기 | localStorage
08 : 00
섹션 6. MEMOAPP 만들기
1 강의

공개 일자

2016년 8월 14일 (마지막 업데이트 일자 : 2018년 9월 3일)

수강 후기

4.8
79개의 수강평
default_profile.png
기다란웰시코기 1일 전
다이어그램과 함께 강의내용을 정리해주셔서 매번 이해하기가 쉬웠습니다.
default_profile.png
세인트 9달 전
좋은강의감사합니다.
5c9439f83979a-bpfull.jpg
Privacy is important 2019.03.22
이 강좌로 리액트 입문 시작했어요. 지루하지 않게 설명도 최대한 깔끔하게 해주시는 편이고.. 목소리도 여러 후기들 말씀대로 듣기 정말 편하네요 ㅎㅎㅎ 꿀성대 인정합니다!! 짜임새 있는 커리큘럼과 특정 개념을 이해하도록 의도한 예제들이 너무 마음에 듭니다. 아마 이것만 혼자서 반복해도 리액트 실력이 올라갈 것 같네요. 그리고 강사님이 쓰신 "리액트를 다루는 기술" 도서도 샀습니다. 서점 가서 다 비교해보고 샀는데, 100% 풀컬러는 아니지만 그래도 컬러풀한 느낌이 들기도 하고 교재에 예제도 풍부해서 이 강좌 끝나고 교재 보는 것도 좋을 것 같습니다. 감사합니다.
지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의들을
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스