Thumbnail
개발 · 프로그래밍 프론트엔드

생활코딩 - Redux 대시보드

(4.9)
135개의 수강평 ∙  3,176명의 수강생

무료

지식공유자: Egoing Lee
총 18개 수업 (2시간 15분)
수강기한: 
무제한
수료증: 미발급
난이도: 
입문
-
초급
-
중급이상
지식공유자 답변이 제공되는 강의입니다
폴더에 추가 공유

중급자를 위해 준비한
[웹 개발, 프론트엔드] 강의입니다.

생활코딩에서 제공하는 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

안녕하세요
Egoing Lee 입니다.
Egoing Lee의 썸네일
커리큘럼 총 18 개 ˙ 2시간 15분의 수업
이 강의는 영상이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. 오리엔테이션
섹션 1. 리덕스 여행의 지도
소개 04:46
state와 render의 관계 05:55
action과 reducer 05:35
Redux가 좋은 가장 중요한 이유 11:20
Redux가 없다면 06:57
섹션 2. Redux의 적용
store 생성 09:04
reducer와 action을 이용해서 새로운 state 값 만들기 09:57
state의 변화에 따라서 UI 반영하기 07:26
Redux 선물: 시간여행과 로깅 11:05
섹션 3. 실전 Redux
정적인 웹페이지 만들기 04:05
부품화 06:17
store 생성과 state 사용하기 07:21
action을 dispatch를 통해서 전달하기 07:30
subscribe를 통해서 자동 갱신 되도록 처리 03:52
글생성 기능 구현 11:36
글삭제 기능 구현 09:11
섹션 4. 마무리
수업을 마치며 04:00
강의 게시일 : 2020년 02월 13일 (마지막 업데이트일 : 2020년 02월 14일)
수강평 총 135개
수강생분들이 직접 작성하신 수강평입니다.
4.9
135개의 수강평
5점
4점
3점
2점
1점
VIEW 추천 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
nels thumbnail
5
너무 좋은 강의 입니다. 좋은 강의 항상 감사드려요 ~
2022-04-28
이레 thumbnail
5
이고잉님 항상 최고!
2024-01-25
2dydtka thumbnail
4
Redux에 대한 개념을 잘 설명하시고, 왜 사용하는지 알기쉽게 풀어줍니다.
2024-03-14
용준 최 thumbnail
5
최고에요 감사합니다
2023-10-31
김성준 thumbnail
5
좋은 강의를 무료로 볼 수 있게 해주셔서 너무 감사합니다.
2024-01-24