일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 실행컨텍스트
- 리액트
- 리덕스
- 항해99
- 항해99 미니프로젝트
- 함수형 프로그래밍 특징
- gql restapi 차이
- 코어자바스크립트
- v8 원리
- 항해99 부트캠프
- next js
- 타입스크립트
- 알고리즘
- js배열 알고리즘
- 리액트 메모
- 항해99 사전스터디
- 웹팩 기본개념
- this
- 렌더링 최적화
- jwt
- 리액트 렌더링 최적화
- 리액트 메모이제이션
- toggle-btn
- chromatic error
- Js module
- 웹 크롤링
- 테스트 코드 툴 비교
- 자바스크립트 엔진 v8
- FP 특징
- JS module system
- Today
- Total
목록리덕스 (2)
Jaeilit
지난 글 https://jaeilit.tistory.com/30 TIL(7)REDUX_1편 리덕스는 왜 쓰는가? 리액트에서는 단 방향 데이터입니다. 부모 컴포넌트의 데이터를 자식 컴포넌트에게 props 로 넘겨줄 수 있습니다.. 하지만 자식이 또 자식을 또 또 자식을 이렇게 트리 구조 jaeilit.tistory.com 다시 짚어보기 코드 순서 상태관리 1. action type 2. action function 3. reducer 4. createStore() 5. dispacth() 번외, 6. subscribe 설정 7. 미들웨어 logger 1. action type 정의 // 액션 타입 정의 const INCRE_COUNT = "INCRE_COUNT" const DECRE_COUNT = "DEC..
리덕스는 왜 쓰는가? 리액트에서는 단 방향 데이터입니다. 부모 컴포넌트의 데이터를 자식 컴포넌트에게 props 로 넘겨줄 수 있습니다.. 하지만 자식이 또 자식을 또 또 자식을 이렇게 트리 구조를 이루게 되면 부모이였던 컴포넌트는 조상이되기 됩니다. props를 자식에게 또 그 자식의 자식에게 그 자식의 자식의 자식... 이런식으로 내려가게되기 때문에 데이터를 관리하기에는 많이 비효율적입니다. 내가 쓰지도 않는데 가지고 있어야할 경우도 생기고, 데이터를 관리하는 점에서도 난잡해질것이며, 거쳐가는 지점이 많다는 것 자체도 비효율입니다. 또, 형제끼리는 props를 나누지 못한다는 결정적인 단점도 있습니다. 데이터를 데이터 저장소(컴포넌트 이외의 바깥 장소)에서 관리하며 컴포넌트들이 필요할때마다 빼서 쓰면 ..