일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 자바스크립트
- db.json
- 콜백함수
- 카우치코딩
- useSearchParams
- Redux store
- useEffect
- 6주포트폴리오
- javascript코딩테스트
- React state
- react
- redux 사용방법
- toString
- 자바스크립트배포
- first-child
- sort
- Redux
- React onClick
- 블럭요소
- useParams
- JavaScript
- foreach
- couchcoding
- 협업프로젝트
- 인라인블럭
- javascript React
- line-through
- redux toolkit
- react redux
- JSON
- Today
- Total
목록react redux (2)
개발하는 루루언니

Redux store에 state 보관하는법 셋팅하는편에 이어 이번에는 store.js에 state를 보관하는방법을 포스팅 할거다. 최신문법이라 계속 까먹기 때문에 한번 정리하면 유용하게 쓰일듯하다. 1. import 해오기 createSlice ( ) 함수 🔥 빡통식 외우기 createSlice를 사용할때는 useState과의 역할이라고 생각하면 된다. createSlick 는 괄호열고 중괄호를 쓰는데 안에는 키 : 값 형식으로 사용된다. 처음 name : ' 이름" , initialState : ' 값' 을 설정해준다. 저 state하나를 slice라고 부른다. 2. createSlice에 name과 initialState 값을 입력했으면 등록을 해줘야한다. 그걸 하단에 configureSotre 안..

Redux의 기본구조를 알아야 할 수 있는 내용이다. 모르면 기본구조 부터 공부해야 한다. 구현할 프로젝트: 증가 버튼을 누르면 5씩 증가 , 감소버튼을 누르면 5 씩 감소 💙이해하기 쉽게 내가 사용한 함수를 정리해보자 💙 1. dispatch 를 사용하면 == action의 값과 동일하다. 2. dispatch 는 2개의 매개변수를 가질 수 있는데 type 과 payload 3. type 은 이름이고 payload는 내가 원하는 값을 넘겨주는 함수의 매개변수라 생각하면 된다. 4. dispatch ( { type : "이름" , payload :{num:5} } ) 이렇게 중괄호 안에 사용해야 하며 payload는 넘겨줄 값을 쓸때도 {} 안에 키 값과 출력값을 작성한다. 1. u..