프론트엔드/Redux

프론트엔드/Redux

2. 구독 페이지 (리액트 리덕스)

오늘은 툴킷을 사용하지 않은 리덕스와 리액트 리덕스로 간단하게 컴포넌트 2개의 페이지를 만들어서 리덕스 활용법을 연습해보았다. 먼저, 리액트 리덕스를 사용하기 위해서는 npx create-react-app . 을 통하여 리액트앱을 생성해주고, npm i redux react-redux 위의 명령어를 통해 리덕스와 리액트 리덕스를 설치해줍니다. 설치가 완료되었다면, 리덕스와 리액트 리덕스를 사용할 준비가 끝났다 이전의 리덕스 포스팅에서 봤다시피 리덕스에서는 store, action, reducer가 매우 중요하다. 1. Redux 리덕스란? 리덕스 공홈에선 리덕스를 이렇게 설명하고 있다. Redux는 자바스크립트 앱을 위한 예측 가능한 상태 컨테이너 Redux는 여러분이 일관적으로 동작하고, 서로 다른 환..

프론트엔드/Redux

1. Redux

리덕스란? 리덕스 공홈에선 리덕스를 이렇게 설명하고 있다. Redux는 자바스크립트 앱을 위한 예측 가능한 상태 컨테이너 Redux는 여러분이 일관적으로 동작하고, 서로 다른 환경에서 작동하고, 테스트하기 쉬운 앱을 작성하도록 도와준다. 이게 무슨소리...?? 그냥 쉽게 데이터를 중앙집권화를 시켜서 데이터 사용 및 관리를 편하게 만들어주는 라이브러리 라고 생각하면된다. Redux에는 3가지의 원칙이 있다. 1. Single source of truth 동일한 데이터는 항상 같은곳에서 가지고 온다. 즉, 스토어라는 하나뿐인 데이터 공간이 있다는 의미 2. State is read-only 리액트에서는 setState 메서드를 활용해야만 상태변경이 가능 리덕스에서도 액션이라는 객체를 통해서만 상태변경이 가능..

plla2
'프론트엔드/Redux' 카테고리의 글 목록