| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
- javascript reduce메소드
- method
- ES6
- filter메소드
- Clipboard.writeText()
- React
- javascript
- html
- 단일스레드
- 기본값매개변수
- every method
- 교차타입
- typescipt
- Javscript
- factoryfunction
- map메소드
- javascript style
- javascript some
- js6
- CLASS
- map
- Typescript
- reducemethod
- 전개구문
- 타입스크립트
- 나머지매개변수
- defalutparameter
- CSS
- javascript every
- CSS3
- Today
- Total
목록React/Redux (2)
개발일지
store.js에서 state를 생성하여 값을 매기고 export하여 컴포넌트에 적용시키기 (store.js) import { configureStore, createSlice } from "@reduxjs/toolkit"; let user = createSlice({ name: "user", initialState: "kim", store.js에서 createslice({})를 선언한다. 이 안에서 상태가 관리된다. name은 보통 변수명과 동일하게 설정하고 initialState의 값이 useState의 변수자리와 비슷하다. (초기값) (store.js) import { configureStore, createSlice } from "@reduxjs/toolkit"; let user = createS..
리덕스를 사용하는 이유 리액트는 부모 컴포넌트에서의 props를 자식 컴포넌트로 넘겨줄 수 있다. 그러나 자식의 자식이 그 props를 사용할 경우 props drilling이 발생하기 때문에 컴포넌트가 많으면 많을수록 일이 번거로워져 스테이트를 컴포넌트 밖 전역에서 관리할 수 있게 도와주는 라이브러리이다. 그래서 리덕스에서 만든 스테이트를 원하는 곳에서 꺼내 쓸 수 있게된다. 리덕스는 모든 곳에서 사용할 수 있지만 프롭스를 단순하게 넘겨주는 컴포넌트는 리덕스를 사용하는 것보다 코드 양이 적기 때문에 컴포넌트가 복잡한 곳에 사용하는 것이 적절하다. 리덕스 설치 npm npm install @reduxjs/toolkit react-redux store.js 생성 (state들을 보관할 곳) import {..