생활코딩 - Redux

생활코딩 - Redux

(5개의 수강평)

284명의 수강생
무료
지식공유자 · Egoing Lee
18회 수업
평생 무제한 시청
수료증 미발급 강의
수강 난이도 중급

이 강의는

생활코딩에서 제공하는 Redux 강의로, 자바스크립트를 중급 이상 다루는 분들을 대상으로 리덕스를 이용해 더 단순한 코드로 더 복잡한 애플리케이션을 만드는 방법에 대한 수업입니다.

이런 걸 배울 수 있어요

  • Redux의 동작 방법
  • Redux를 사용하는 이유
  • Redux를 이용해서 할 수 있는 일들
  • 시간 여행 디버깅
  • 로깅

1. 강의 소개

생활코딩의 Redux 수업은 예측 가능한 애플리케이션의 상태 저장소인 Redux를 다루는 강의입니다. 이 강의에서는 순수한 웹기술인 HTML, JavaScript와 Redux만을 이용해서 웹 애플리케이션을 만들어 볼 것입니다. 

이 강의는 아래와 같은 내용을 다루고 있습니다. 

  • Redux의 동작 방법
  • Redux를 사용하는 이유
  • Redux를 이용해서 할 수 있는 일들
  • 시간 여행 디버깅
  • 로깅

아래 내용은 다루고 있지 않습니다. 

  • Redux 미들웨어
  • React-redux 

2. 강의 대상

리덕스를 이용해서 더 단순한 코드로 더 복잡한 애플리케이션을 만들고 싶은 분에게 추천합니다. 참고로 자바스크립트 초급자에게는 필요하지 않은 도구입니다. 초심자라면 Redux가 무엇인지 정도만 아시고, 나중에 필요할 때 사용하시는 것을 추천드립니다. 

3. 예제

아래와 같은 애플리케이션을 Redux로 제작해보는 것입니다. 
https://egoing.github.io/redux-tutorial-example/main.html

소스코드

5. 강의 참여 조건

이 강의를 듣기 위해서는 아래와 같은 선행 지식이 필요합니다. 

6. 전체 재생시간

총 18개의 영상으로 이루어진 2시간 16분 분량의 수업입니다. 

7. 수업 저작권

이 강의는 CC 라이센스를 따르고 있으며, 아래 링크에서도 볼 수 있습니다.
https://opentutorials.org/module/4078 좋은 지식을 공유해주시는 생활코딩에 감사의 말씀을 전합니다.

도움 되는 분들

  • 리덕스를 이용해 더 단순한 코드로 더 복잡한 애플리케이션을 만들고 싶은 분
  • 자바스크립트 중급자

선수 지식

  • html
  • JavaScript
  • JavaScript Immutability

교육과정

모두 펼치기 18 강의
섹션 0. 오리엔테이션
1 강의
수업소개
섹션 1. 리덕스 여행의 지도
5 강의
소개
state와 render의 관계
action과 reducer
Redux가 좋은 가장 중요한 이유
Redux가 없다면
섹션 2. Redux의 적용
4 강의
store 생성
reducer와 action을 이용해서 새로운 state 값 만들기
state의 변화에 따라서 UI 반영하기
Redux 선물: 시간여행과 로깅
섹션 3. 실전 Redux
7 강의
정적인 웹페이지 만들기
부품화
store 생성과 state 사용하기
action을 dispatch를 통해서 전달하기
subscribe를 통해서 자동 갱신 되도록 처리
글생성 기능 구현
글삭제 기능 구현
섹션 4. 마무리
1 강의
수업을 마치며

공개 일자

2020년 2월 13일 (마지막 업데이트 일자 : 2020년 2월 14일)

수강 후기

4.8
5개의 수강평
default_profile.png
소라연 11일 전
리덕스 개념을 확실히 배웠습니다. 감사합니다
default_profile.png
sung hun Hong 15일 전
쏙쏙들어오는 강의 잘 들었습니다.
지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의들을
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스