일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- useEffect
- 초기값 설정하기
- clipboardapi
- typeScript
- 알고리즘
- 머신러닝
- 혼자공부하는머신러닝딥러닝
- 혼공챌린지
- TS
- styledcomonents
- 구조분해할당
- error맛집
- 백준 #코딩테스트 #코테 #알고리즘
- reactmemo
- 백준 #코딩테스트
- CSS
- 코딩테스트
- 혼공머신
- REACT
- axios
- Redux
- 에러해결방안
- js
- 백준
- 타입스크립트
- 혼자공부하는머신러닝
- 리액트
- 유니티 #게임개발
- 딥러닝
- 혼공단
- Today
- Total
목록STUDYING/Redux (2)
좌충우돌 개발자의 길
출처 : 유데미 React 완벽 가이드 const redux = require('redux'); const counterReducer = (state={counter: 0}, action) => { // 리듀서 : 받아온 action으로 데이터 바꾸기 해줌 (현재상태, action) if (action.type === 'increment') { return { counter: state.counter + 1 }; } if (action.type === 'decrement') { return { counter: state.counter - 1, }; } return state; // 다른 타입의 액션이면 현재상태인 state가 리턴됨 }; const store = redux.createStore(count..
1. 리덕스 왜 필요할까? - 상단에서 제일 말단까지 전해지는 과정이 매우 번거롭다. - 말단까지 가는 데 일억개의 단계가 필요하다면 매우 시간이 오래걸리고 좋은 코드가 아니다. => 이 점을 극복하기 위해 리덕스로 개발 2. 리덕스 설치 npm install redux react-redux - react-redux는 react와 redux가 서로 독립적이기 때문에 이 둘을 연결시켜주는 기능이다. 3. reducer - storage안에 있는 state를 어떻게 바꿀 거인가를 결정 - 리덕스 사용하는데 있어서 무조건 사용해야함 import { createStore } from 'redux'; function reducer(currentState, action){ if(currentState === und..