인프런 업데이트 소식 🔨👷🏼‍♂️
React & Express 를 이용한 웹 어플리케이션 개발하기

React & Express 를 이용한 웹 어플리케이션 개발하기

(69개의 수강평)

9363명의 수강생
무료
지식공유자 · velopert(김 민준)
38회 수업 · 총 6시간 0분 수업
평생 무제한 시청
수료증 미발급 강좌
수강 난이도 '중급'
후반부 텍스트 강좌는 취소되었습니다. 이 강좌에서 다루는 내용이 조금 오래되어 새로운 강의로 리뉴얼되었습니다.

새 강의 보기

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 라이브러리를 매우 좋아하며, 국내에서 이 라이브러리의 인기를 한층 더 높이겠다는 다짐으로 자료를 만들고 있습니다.

지식공유자 소개

velopert(김 민준)

교육과정

모두 펼치기 38 강의 6시간 0분
섹션 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월 13일 (마지막 업데이트 일자 : 2018년 9월 3일)

수강 후기

4.9
69개의 수강평
발라스트 2017.10.10
감사합니다. 좋은 강좌 감사합니다 굿!! table 만드는 강좌도 있으면 좋겠습니다. 초급이라... react 재미있습니다.
이미진 5일 전
도움이 되었습니다.
지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강좌들을
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스