모던 리액트(React)와 리덕스(Redux)
4.5 (15 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
104 students enrolled
Wishlisted Wishlist

Please confirm that you want to add 모던 리액트(React)와 리덕스(Redux) to your Wishlist.

Add to Wishlist

모던 리액트(React)와 리덕스(Redux)

NPM, Webpack, ES6 가 지원되는 앱개발 튜토리얼을 통해 리액트와 리덕스 마스터하세요!
Best Seller
4.5 (15 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
104 students enrolled
Last updated 9/2017
Korean
Korean
Current price: $10 Original price: $180 Discount: 94% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 14 hours on-demand video
  • 4 Articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • 리액트와 리덕스를 가지고 멋진 싱글 페이지 어플리케이션 만듭니다
  • 리덕스 어플리케이션 구조화 뒤의 기본 개념 마스터하게 됩니다
  • 구성화 가능한 컴포넌트를 만드는 것의 장점을 이해하게 됩니다
  • 다른 모든이에게 어떻게 리덕스가 동작하는지 설명하는 기본이 제대로된 엔지니어가 됩니다
  • 리액트를 서포트하는 툴체인인 npm, webpack, babel, ES6/ES2015 자바스크립트 구문에 익숙해집니다
View Curriculum
Requirements
  • 맥(Mac) 또는 PC
Description

이 강의는 유데미 강좌 중 Modern React with Redux와 동일한 강의이며, 한국어 자막이 기존 강의와 다르게 전문 자막이 제공됩니다. 또한 한국어로 질문시 한국인 개발자 조교가 답을 작성해드립니다 :) 마음껏 질문해주세요!

특별할인 코드! 새 강의 출시 기념으로 할인쿠폰을 제공합니다! 쿠폰코드에 LEARNREACT라고 입력해보세요! 94%할인을 받을 수 있습니다 :)

------------------------------------------------------------------------------------------

이 튜토리얼은 리액트를 가지고 최신 웹 개발을 마스터할 분을 위한 코스입니다.

리덕스(Redux)? 물론 다루죠. ES6/바벨(Babel)? 역시 다룹니다. 웹팩(Webpack)? 또한 포함되어 있죠.

리액트와 리덕스를 마스터하는 것은 웹 개발자가 되는 좋은 방향이 될 수 있습니다. 또는 여러분이 꿈꾸는 개인 프로젝트를 만드는 것을 도와줍니다. 특히 리덕스와 리액트 네이티브 출시로 웹 개발 업계에 관련된 전문가를 더 많이 찾게 될 것입니다. 

이 강의는 여러분을 신속하고 빠르게 배울 수 있도록 할 것입니다. 그리고 깊게 이해가 필요한 핵심 지식을 알려주고, 리액트 컴포넌트를 만들고 리덕스 어플리케이션을 구조화할 것입니다.

JSX, “props”, “state”, 이벤트가 포함된 리액트의 기본을 마스터하는 것부터 시작할 것이구요. 소스 코드는 각 강의에서 제공이 되고, 여러분은 언제나 강의를 따라가면서 최신의 상태를 유지할 것입니다. 리액트 소개 이후에, 리덕스로 들어가, 리듀서(reducers)와 액션, 스테이트 트리에 대한 주제를 다룰 것입니다.

만약 리액트와 리덕스가 처음이거나, 배웠지만 때때로 제대로 안다고 느끼지 못했다면, 이 리액트 강의가 여러분에게 딱 맞는 강의일 것입니다. 여러분을 런 여러분을 위한 것입니다. 리액트를 배우기 위해선 이를 온전히 이해해야 하기 때문입니다. 이 강의에선 구체적으로 다음을 다룹니다 .

  • 리액트의 커스텀 마크업 언어인 JSX를 사용하는 법을 배우고, 자바스크립트 코드를 다듬어봅니다.
  • 복잡한 컴포넌트를 많은 작고 교환이 가능한 컴포넌트로 나누는 과정을 마스터합니다.
  • props와 state를 사용할 때, 그 각각의 차이점을 이해합니다.
  • 리덕스를 마스터함으로써, 복잡도가 높은 어플리케이션을 개발해봅니다.
  • 미들웨어를 사용해서 리덕스에 깊게 다가갑니다. 어려운 용어를 미리 알 필요 없습니다. 


이 강의는 제가 리액트와 리덕스를 배울때 알고 싶었던 부분을 담았습니다. 강의는 개념을 설명하고, 여러분이 이를 깊게 이해하고 배울 수 있는 순서로 진행될 것입니다. 

Who is the target audience?
  • 리액트를 배우고자 하는 프로그래머
  • jQuery만 사용하는 것을 벗어나고 싶은 개발자
  • 리액트를 살펴봤으나, 개념을 마스터하는데 어려움을 겪은 엔지니어
Compare to Other React Courses
Curriculum For This Course
112 Lectures
22:23:38
+
리액트 소개
20 Lectures 01:46:05

프로젝트 - 깃허브(Github) 주소
00:02




JSX 와의 첫만남
11:29

JSX를 더 파보자!
04:35

ES6 불러오기(Import) 구문
03:58

리액트DOM vs 리액트
02:26

컴포넌트 인스턴스와 컴포넌트 클래스의 차이
03:38

타겟 렌더링
05:53

컴포넌트 구조
06:26

유튜브(Youtube) 검색 API 회원가입
06:39

내보내기(Export) 구문
08:40

클래스 기반의 컴포넌트
08:11

유저 이벤트 핸들링
09:30

상태(State) 소개
05:13

스테이트 더 파고들기
06:04

제어 컴포넌트
07:47

짧은 휴식 그리고 리뷰
03:37
+
리액트와 비동기 리퀘스트(Ajax Requests)
13 Lectures 01:24:53
유튜브(Youtube) 검색 반환
04:26

함수형 컴포넌트를 클래스 컴포넌트로 리팩토링하기
07:43

Props
07:42

Map 으로 리스트 만들기
07:06

리스트 아이템 키
03:54

비디오 리스트 아이템
07:53

디테일 컴포넌트와 템플릿 문자열
07:05

널(Null) props 핸들링하기
04:41

비디오 선택
11:39

CSS로 스타일링
03:43

비디오 검색
07:51

인풋 검색어 조절
05:46

리액트 마무리
05:24
+
어플리케이션 스테이트 모델링
4 Lectures 13:02
리덕스(Redux) 소개
02:16

리덕스는 무엇일까요?
02:45

리덕스 더보기
03:42

리덕스 더욱 더 알아보기
04:19
+
리덕스로 앱 스테이트 관리하기
13 Lectures 01:22:07
리덕스를 실제로 넣어보기
00:09

리듀서(Reducers)
07:43

컨테이너(Containers) - 리덕스와 리액트 연결하기
07:23

컨테이너 이어서 강의
04:00

컨테이너 클래스 구현
10:45

컨테이너와 리듀서 리뷰
04:09

액션과 액션 생성자
07:31

액션과 액션 생성자
09:41

액션 생성하기
06:45

리듀서 안의 액션 소비하기 1
07:16

리듀서 안의 액션 소비하기 2
05:05

조건부 렌더링
06:38

리듀서와 액션 리뷰
05:02
+
리덕스 중급과정 : 미들웨어
18 Lectures 02:32:53
앱 오버뷰 및 계획
05:10

컴포넌트 셋업
07:57

컨트롤된 컴포넌트와 컨텍스트 바인딩
09:56

리액트의 폼 엘리먼트
06:28

API로 작업하기
08:12

미들웨어 소개
07:27

Axios로 Ajax 리퀘스트
13:02

리덕스-프로미스(Promise) 활용 1
10:15

리덕스-프로미스(Promise) 활용 2
10:55

리듀서의 스테이트 돌연변이 피하기
09:53

리스트 컨테이너 만들기
06:53

Props 를 렌더링 헬퍼와 맵핑하기
06:07

스파크라인(Sparkline) 차트 추가하기
09:54

재사용가능한 차트 컴포넌트 만들기
06:00

단위 라벨링하기
10:37

구글맵)Google Maps) 통합하기 1
13:02

구글맵)Google Maps) 통합하기 2
06:06

프로젝트 리뷰
04:59
+
리액트 라우터 + 리덕스 폼
29 Lectures 03:15:09
앱 오버뷰와 목표
06:49

Posts API 탐험하기
13:26

리액트 라우터 설치하기
02:35

리액트 라우터는 무엇일까
05:33

리액트 라우터 세팅
04:39

라우트 구성
05:16

중첩된 라우트
08:02

리액트 라우터의 인덱스 라우트
05:04

리덕스로 돌아오기 - 인덱스 액션
05:50

포스트 리듀서의 데이터 잡기 1
06:29

포스트 리듀서의 데이터 잡기 2
02:38

라이프사이클 메소드 안에 데이터 가져오기 1
05:43

라이프사이클 메소드 안에 데이터 가져오기 2
06:50

새 포스트 생성하기
05:23

링크 컴포넌트 네비게이션
04:25

폼과 폼 제출
10:12

폼과 폼 제출 보다 자세히 알아보기
07:37

컨트롤을 리덕스 폼으로 전달하기
07:51

CreatePost 액션 생성자
11:21

폼 검증 1
08:28

폼 검증 2
08:51

제출 네비게이팅
12:37

포스트 인덱스
04:31

다이나믹 라우트 파라미터
07:09

렌더링 시, 데이터 로딩
05:45

Null 프로퍼티 핸들링
05:31

액션 생성자 지우기
07:07

Delete 네비게이팅
02:25

리액트 라우터와 리덕스 폼 리뷰
07:02
+
보너스 - 랠리코딩
13 Lectures 03:14:15
Redux Thunk의 기본
07:16

리덕스와 파이어베이스 합치기
12:16

리덕스 폼의 다이나믹 폼
14:42

로직없는 컴포넌트와 리셀렉트
18:08

리덕스의 데이터 로딩 메소드
09:29

리액트 컴포넌트의 애니메이션
12:33

리액트와 리덕스의 가장 흔한 에러 네개
12:02

리액트와 리덕스 앱의 모달
18:43

리덕스 데이터를 저장하는 좋은 방법
15:05

프로덕션 상의 브라우저 히스토리
19:46

빠른 프로토타이핑을 위한 JSPlaygrounds 소개
12:18

리액트/웹팩 앱 배포
23:15

서드파티 라이브러리와 리액트의 통합
18:42
+
더 나아가기!
2 Lectures 11:19:45
리액트에 대해 더 알고싶나요?
00:11

This is the 15.3 source to React, posted here for resolving a tech issue.  You probably do not need this unless I tell you to check it out.

강의 소개
11:19:33
About the Instructor
Fullstack Developer Will Park
4.5 Average rating
15 Reviews
104 Students
1 Course
Developer, Entrepreneur, Nomad

6년 이상의 기간동안, 다양한 실무 경험을 가지고 있는 개발자로서, 웹 프론트엔드/서버 및 안드로이드와 같은 풀스택 개발자로 활동해왔습니다. 4개 이상의 스타트업 및 다양한 분야의 프로젝트를 성공적으로 완료했습니다. 도전하고, 리드하여 아이디어를 공유하는 것을 좋아하며, 여행을 좋아하여 다양한 외국인과 다른 나라의 문화에서 부대끼는 새로움과 즐거움을 추구하는 것이 모토입니다.

블로터 아카데미
4.4 Average rating
1,058 Reviews
5,582 Students
39 Courses
테크 스쿨

세금계산서 발행이나 계좌이체(해외 결제 카드가 없는 경우)를 통해 강의 구매가 가능합니다. 단체구매도 가능합니다. udemy@bloter.net 로 문의해주시면 처리해드리겠습니다 :)

IT 전문 언론사 블로터가 운영하는 유데미 공간입니다. 블로터는 오랫동안 오프라인 강의 운영을 기반으로 수강생들이기 가장 원하는 강의를 빠르게 제공하기 위해 노력합니다. 프로그래밍, 데이터과학, 디지털 마케팅, 라이프 스타일 등 다양한 블로터 강의를 살펴보고 싶다면 블로터 아카데미 이름을 클릭해보세요^^4천여명이 선택한 좋은 강의들을 한눈에 보실 수 있답니다^^

또한 블로터x유데미 특별 쿠폰을 정기적으로 받고 싶으신 분은 udemy@bloter.net 으로 문의 부탁드립니다.