/redux-master-sample

REDUX를 활용한 크고 작은 프로젝트

Primary LanguageHTML

REDUX MASTER

REDUX를 활용하여 기초부터 고급까지 작은 프로젝트 형태로 나누어 학습합니다.

Project-01

redux를 사용할때 어떤 이점이 있는지 알 수 있다.

  • without-redux.html

  • 순수 Javascript와 redux를 사용하지 않고 만든 간단한 프로젝트 입니다.

  • with-redux.html

  • 순수 Javascript와 redux를 사용하여 만든 간단한 프로젝트입니다.

Project-02

redux를 어떤식으로 사용하면 좋을지 감을 잡을 수 있다.

  • main.html
  • 순수 Javascript와 redux를 사용하여 조금 더 실용적인 간단한 프로젝트를 만들어봅니다.

Project-03

React와 Redux를 사용하여 간단한 프로젝트를 만들어봅니다. 리액트에서 리덕스를 사용할때 폴더링하는 방법과 액션, 컴포넌트, 리듀서를 모듈화해서 구현하는 방법을 알 수 있습니다.

프로젝트는 create-react-app을 사용하였습니다.

실행방법

  • npm install
  • npm run build
  • npm run start

Project-04

Typescript, React, Redux를 사용하여 Project-03 프로젝트를 만들어봅니다. Typescript를 사용하여 React, Redux를 사용하는 방법을 알아봅니다.

실행방법

  • npm install
  • npm run dev

Project-05

순수 Javascript에서 Redux를 사용하여 간단한 프로젝트를 만들어봅니다. React와는 별개로 Redux를 사용하는 방법을 알아봅니다.