채널톡 아이콘
개발 · 프로그래밍

/

프론트엔드

생활코딩 - Redux

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

(4.9) 수강평 145개

수강생 3,505명

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입니다.

298,246

명

수강생

7,635

개

수강평

1

개

답변

4.9

점

강의 평점

44

개

강의

커리큘럼

전체

18개 ∙ (2시간 15분)

강의 게시일: 
마지막 업데이트일: 

수강평

전체

145개

4.9

145개의 수강평

  • Yohan Kim

    ∙

    수강평 7

    ∙

    평균 평점 4.4

    5

    100% 수강 후 작성

    • 정호석

      ∙

      수강평 4

      ∙

      평균 평점 4.5

      5

      100% 수강 후 작성

      상태관리 하면 대표적으로 Redux가 매번 언급되어 이번 기회에 redux를 알아보고자 수강했습니다. 요점만 알려주셔서 따라가기에 수월했고 원리에 대해 초반 설명을 많이 해주신게 도움이 많이 되었습니다.

      • nels

        ∙

        수강평 83

        ∙

        평균 평점 5.0

        5

        100% 수강 후 작성

        너무 좋은 강의 입니다. 좋은 강의 항상 감사드려요 ~

        • 지현승

          ∙

          수강평 3

          ∙

          평균 평점 5.0

          5

          100% 수강 후 작성

          • 대협

            ∙

            수강평 14

            ∙

            평균 평점 5.0

            5

            100% 수강 후 작성

            Egoing Lee님의 다른 강의

            지식공유자님의 다른 강의를 만나보세요!

            생활코딩 - React강의 썸네일

            생활코딩 - React

            Egoing Lee

            무료

            초급 / React

            4.9

            (476)

            14,000+

            리액트의 컴포넌트를 만드는 법과 리액트와 불변의 관계를 알아봅니다.

            초급

            초급

            React

            생활코딩 - Web2 : OAuth 2.0강의 썸네일

            생활코딩 - Web2 : OAuth 2.0

            Egoing Lee

            무료

            중급이상 / 웹앱, OAuth

            4.9

            (118)

            2,700+

            생활코딩에서 제공하는 OAuth 관련 강의로, API 상호 연동에 대한 기술을 배울 수 있습니다.

            중급이상

            중급이상

            웹앱, OAuth

            WEB2 - JavaScript강의 썸네일

            WEB2 - JavaScript

            Egoing Lee

            무료

            초급 / JavaScript

            4.9

            (343)

            8,700+

            https://opentutorials.org(생활코딩 사이트)를 만들어가면서 JavaScript에 대한 지식과 경험을 동시에 채워드리기 위한 목적으로 만들어진 수업입니다.

            초급

            초급

            JavaScript

            클라우드 서비스 AWS강의 썸네일

            클라우드 서비스 AWS

            Egoing Lee

            무료

            초급 / AWS

            4.9

            (286)

            11,400+

            이 수업은 클라우드 서비스인 AWS(Amazon Web Services)의 기본적인 사용법과 파일의 저장공간을 제공하는 S3를 다루고 있는 수업입니다.

            초급

            초급

            AWS

            생활코딩 - SQLite강의 썸네일

            생활코딩 - SQLite

            Egoing Lee

            무료

            초급 / DBMS/RDBMS, SQLite

            4.8

            (21)

            800+

            생활코딩(오픈튜토리얼스)에서 제공하는 SQLite 강의로, 관계형 데이터베이스 SQLite에 입문할 수 있습니다.

            초급

            초급

            DBMS/RDBMS, SQLite

            생활코딩 - Linux강의 썸네일

            생활코딩 - Linux

            Egoing Lee

            무료

            초급 / Linux

            4.9

            (287)

            16,300+

            본 수업에서는 리눅스의 사용법을 다룹니다. 특히 초심자들이 어려워하는 부분이 명령어를 이용해서 컴퓨터를 제어하는 법입니다. 여기서는 초심자가 명령어를 사용하는데 필요한 가장 보편적인 규칙을 최소한으로 다룹니다.

            초급

            초급

            Linux

            지옥에서 온 Git강의 썸네일

            지옥에서 온 Git

            Egoing Lee

            무료

            입문 / Git, 버전관리시스템

            5.0

            (229)

            10,900+

            이 수업에서는 명령어를 통해서 Git을 다루는 방법을 소개합니다.

            입문

            입문

            Git, 버전관리시스템

            컴퓨터, 웹, 코딩, 프로그래밍의 시작 - Web1강의 썸네일

            컴퓨터, 웹, 코딩, 프로그래밍의 시작 - Web1

            Egoing Lee

            무료

            입문 / HTML/CSS

            4.9

            (658)

            16,600+

            일반인에게 프로그래밍을 알려주는 생활코딩의 이고잉님이 진행한 크라우드펀딩 강좌 Web 1 입니다. 웹의 근간이 되는 HTML 로 웹페이지를 직접 만들어 보며, 누구나 코딩을 접해볼 기회를 가질 수 있는 강의 입니다.

            입문

            입문

            HTML/CSS

            Node.js를 이용해 웹 애플리케이션 만들기강의 썸네일

            Node.js를 이용해 웹 애플리케이션 만들기

            Egoing Lee

            무료

            초급 / Node.js

            4.9

            (432)

            13,500+

            JavaScript와 Nodejs를 이용해서 웹에플리케이션을 만드는 방법을 알려드립니다. 웹브라우저에서 동작하는 자바스크립트를 이용해서 PHP나 JSP의 역할을 대체할 수 있습니다. 하나의 언어로 웹에플리케이션 전체를 구현할 수 있게 됩니다.

            초급

            초급

            Node.js

            생활코딩 - React class vs. function style coding강의 썸네일

            생활코딩 - React class vs. function style coding

            Egoing Lee

            무료

            중급이상 / React

            4.9

            (173)

            4,700+

            생활코딩에서 제공하는 React 관련 강의로, 리액트에서 클래스와 함수 스타일로 콤포넌트를 작성하는 방법을 배우고 차이점을 살펴봅니다.

            중급이상

            중급이상

            React

            Node.js - Express강의 썸네일

            Node.js - Express

            Egoing Lee

            무료

            중급이상 / Express

            4.9

            (54)

            4,200+

            이 수업은 Node.js의 대표 웹프레임워크인 Express를 이용해서 웹애플리케이션을 구현하는 방법에 대한 수업입니다.

            중급이상

            중급이상

            Express

            WEB2 - PHP강의 썸네일

            WEB2 - PHP

            Egoing Lee

            무료

            초급 / PHP

            4.9

            (88)

            2,500+

            이 수업은 https://opentutorials.org 를 만들어가면서 PHP에 대한 지식과 경험을 동시에 채워드리기 위한 목적으로 만들어진 수업입니다.

            초급

            초급

            PHP

            소스트리(source tree) 를 사용하여 Git 사용하기강의 썸네일

            소스트리(source tree) 를 사용하여 Git 사용하기

            Egoing Lee

            무료

            초급 / Git

            4.9

            (175)

            6,300+

            좀더 다가가기 쉬운 GUI Git 툴인 소스트리(source tree) 를 이용하여 Git 이 무엇이며, 왜 써야하며, 어떻게 사용하는 간단하고 이해하기 쉽게 설명합니다.

            초급

            초급

            Git

            생활코딩 - 정규표현식강의 썸네일

            생활코딩 - 정규표현식

            Egoing Lee

            무료

            초급 / 정규식

            4.9

            (142)

            3,700+

            생활코딩의 콘텐츠를 원저작자의 협의를 통해 수강이 편하도록 인프런에 옮긴 강좌입니다.생활코딩 http://opentutorials.org 에 감사의 뜻을 전합니다.

            초급

            초급

            정규식

            AWS (아마존 웹서비스) 가입부터 활용까지강의 썸네일

            AWS (아마존 웹서비스) 가입부터 활용까지

            Egoing Lee

            무료

            중급이상 / AWS

            4.8

            (172)

            8,200+

            세계적인 클라우드 서비스 AWS 의 기본부터 활용까지 배울 수 있는 수업입니다. AWS 를 이용해 자신만의 서비스를 전세계에 보여주세요.

            중급이상

            중급이상

            AWS

            생활코딩 - JavaScript Immutability강의 썸네일

            생활코딩 - JavaScript Immutability

            Egoing Lee

            무료

            초급 / JavaScript

            4.9

            (93)

            2,700+

            생활코딩에서 제공하는 자바스크립트 관련 강의로, 자바스크립트에서 데이터를 불변하게 다루는 방법에 대한 수업입니다.

            초급

            초급

            JavaScript

            WEB5 - Express Passport.js강의 썸네일

            WEB5 - Express Passport.js

            Egoing Lee

            무료

            중급이상 / Node.js, Express

            5.0

            (17)

            1,000+

            이 수업은 Node.js Express의 인증 미들웨어인 Passport.js의 사용법을 알려드리는 수업입니다.

            중급이상

            중급이상

            Node.js, Express

            Web4 - Express-Session-Auth강의 썸네일

            Web4 - Express-Session-Auth

            Egoing Lee

            무료

            중급이상 / Express

            4.9

            (13)

            1,000+

            이 수업은 Node.js 웹프래임웍인 Express에서 Session을 이용해 인증을 구현하는 방법을 알려드리는 수업입니다.

            중급이상

            중급이상

            Express

            버전 관리 시스템 Git강의 썸네일

            버전 관리 시스템 Git

            Egoing Lee

            무료

            입문 / Git, 버전관리시스템

            4.9

            (72)

            5,600+

            이 수업은 버전관리 시스템 git을 소개하는 수업입니다.

            입문

            입문

            Git, 버전관리시스템

            WEB2 Node.js-MySQL강의 썸네일

            WEB2 Node.js-MySQL

            Egoing Lee

            무료

            중급이상 / Node.js, MySQL

            4.9

            (70)

            3,800+

            이 수업은 Node.js와 MySQL을 이용해서 웹애플리케이션을 만드는 방법에 대한 수업입니다.

            중급이상

            중급이상

            Node.js, MySQL

            비슷한 강의

            같은 분야의 다른 강의를 만나보세요!

            실무 중심! FE 입문자를 위한 React강의 썸네일

            실무 중심! FE 입문자를 위한 React

            IT Share

            ₩99,000

            30%

            ₩69,300

            초급 / React, Node.js, Redux, Sass, swr

            4.8

            (33)

            32,700+

            강의를 모두 듣고 나면, 스스로 하나의 웹서비스를 개발할 수 있는 역량을 갖게 됩니다.

            초급

            초급

            React, Node.js, Redux

            Redux vs MobX (둘 다 배우자!)강의 썸네일

            Redux vs MobX (둘 다 배우자!)

            제로초(조현영)

            ₩33,000

            30%

            ₩23,100

            초급 / Redux, MobX

            4.7

            (34)

            900+

            리덕스와 몹엑스 뭘 선택할지 고민되시나요? 일단 둘 다 배우고나서 고민합시다!

            초급

            초급

            Redux, MobX

            [리뉴얼] React로 NodeBird SNS 만들기강의 썸네일

            [리뉴얼] React로 NodeBird SNS 만들기

            제로초(조현영)

            ₩88,000

            30%

            ₩61,600

            중급이상 / React, Redux, Node.js, Express, Next.js

            4.9

            (178)

            3,600+

            리액트 & 넥스트 & 리덕스 & 리덕스사가 & 익스프레스 스택으로 트위터와 유사한 SNS 서비스를 만들어봅니다. 끝으로 검색엔진 최적화 후 AWS에 배포합니다.

            중급이상

            중급이상

            React, Redux, Node.js

            따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]강의 썸네일

            따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]

            John Ahn

            ₩33,000

            30%

            ₩23,100

            중급이상 / React, Redux, Node.js, 웹앱, MongoDB

            4.8

            (154)

            3,100+

            이 강의를 통해서 쇼핑몰 웹사이트를 처음부터 하나하나 만들어 보실 수 있습니다.

            중급이상

            중급이상

            React, Redux, Node.js

            따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기강의 썸네일

            따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기

            John Ahn

            무료

            초급 / React, Redux, Node.js, MongoDB

            4.9

            (220)

            12,000+

            이 강의를 통해 리액트와 노드의 개념을 익히는 것뿐만이 아닌 실질적으로 어떻게 웹사이트를 만들 수 있는지를 배울 수 있습니다.

            초급

            초급

            React, Redux, Node.js

            무료