| 일 | 월 | 화 | 수 | 목 | 금 | 토 | 
|---|---|---|---|---|---|---|
| 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 | 
- Redux
 - 혼공단
 - clipboardapi
 - 혼공챌린지
 - error맛집
 - 백준
 - 에러해결방안
 - 코딩테스트
 - CSS
 - 혼공머신
 - axios
 - 유니티 #게임개발
 - REACT
 - 알고리즘
 - useEffect
 - 초기값 설정하기
 - typeScript
 - TS
 - styledcomonents
 - js
 - 딥러닝
 - 혼자공부하는머신러닝딥러닝
 - 백준 #코딩테스트
 - 리액트
 - 혼자공부하는머신러닝
 - reactmemo
 - 백준 #코딩테스트 #코테 #알고리즘
 - 타입스크립트
 - 구조분해할당
 - 머신러닝
 
- 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..