🔥[새 기능 안내] 로드맵 기능 오픈
React & Express 를 이용한 웹 어플리케이션 개발하기

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

(64개의 수강평)

8677명의 수강생

무료

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(김 민준)

교육과정

섹션 1. 오리엔테이션, ReactJS 소개
강좌 소개
05 : 00
React.JS 소개
09 : 00
React.js 장점과 단점
09 : 00
섹션 2. React.js 시작하기
Codepen 설정 , ES6 클래스
04 : 00
JSX의 특징
07 : 00
props
07 : 00
state
09 : 00
컴포넌트 매핑 (Component Mapping)
11 : 00
섹션 3. 개발환경 설정, 프로젝트 진행
작업환경 설정하기
07 : 00
React Project 만들기 | NPM, WEBPACK
24 : 00
Hot Module Replacement | React Hot Loader
08 : 00
섹션 4. 주소록 (Contact) 만들기
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
섹션 5. Redux
Redux: 배경지식 | MVC, FLUX
10 : 00
Redux: 특징과 흐름
11 : 00
Redux: 프로젝트 준비하기 | create-react-app
07 : 00
Redux: 프로젝트 구조 및 컴포넌트 생성
17 : 00
Redux: Action
08 : 00
Redux: Reducer
16 : 00
Redux: Store
08 : 00
Redux: react-redux | 컴포넌트에서 사용하기
20 : 00
섹션 6. Backend
소개
03 : 00
Node.js / Express.js 맛보기 | 라우팅, 모듈화
14 : 00
Express | 미들웨어(middleware)
13 : 00
MongoDB 소개
05 : 00
MongoDB 기본 명령어 (i) | 생성 및 제거
04 : 00
MongoDB 기본 명령어 (ii) | find()
10 : 00
MongoDB 기본 명령어 (iii) | sort, limit, skip, update
08 : 00
MEMOAPP 만들기
강좌목록 (텍스트)
번외편
React Router v4 Pre-release 사용해보기
20 : 00
React 컴포넌트 구성 & AJAX 비동기 작업 처리하기 & CSS 애니메이션 처리

수강 후기

4.9
64개의 수강평
김상현 김 2017.08.23
react 1도 몰랐지만 따라하면서 쉽게 이해할 수 있었습니다! 휴.. 이제 다 들었네요! 보면서 리엑트에 대해서 많이 공부할 수 있었습니다. 이제는 여러가지 변경해 보면서 내것으로 만들어야 할 것 같습니다 ㅎ 좀 아쉬운 부분은 react router가 변경되는 등 변화가 생기면서 오류 나는 부분들이 생기고 이를 해결하기에 힘든 부분도 있었지만 해결해 나가는 것도 재미있는 경험이었습니다 ㅎㅎㅎ 앞으로도 좋은 강의 부탁드립니다.
hyuk22 1달 전
최고입니다