본문 바로가기

SW 정글사관학교/리액트2

[리액트/recoil] - 상태관리 웨 쓰는건데 지금까지 공부했던 리액트의 데이터 흐름은 단방향으로 흐르고 state / props의 경우 컴포넌트 내부에서 변화하는 값의 상태이다. 소규모 프로젝트에서 전역적인 관리가 필요할때, props로 어찌저찌 값을 공유할 수 있겠지만 서비스 규모가 커지며 전역적인 state가 필요할 경우에도 props로 관리를 한다면? Props Drilling이 발생하게 된다. Props Drilling: 중첩된 컴포넌트간 상태공유를 위해 props를 전달하는 과정에서 Props전달이 드릴로 땅을 뚫듯 깊어지는 현상 이런 흥선대원군 쇄국정책같은 리액트의 데이터를 전역적으로 사용할 수 없을까? 라는 생각에서 나온 상태관리 툴 Recoil, Redux,Zustand, jotai, mobx 등이 있다 더 자세한 개념은 flux탄생.. 2023. 6. 5.
[리액트] - 최최최최최최종 Hooks 대가리 깨기 진짜 Hooks 대가리 깬다 진짜 친절하고 자세하게 정리하고 더이상 까먹지 말아여지 책은 리액트를 다루는 기술, 예제는 별코딩 영상 참고했다. https://ko.legacy.reactjs.org/docs/state-and-lifecycle.html#adding-lifecycle-methods-to-a-class State and Lifecycle – React A JavaScript library for building user interfaces ko.legacy.reactjs.org 권장) hook하기전에 리액트 state lifecycle부터 이해하면 좋음 1. useState 2. useEffect 3. useReducer 4. useMemo 5. useCallback 6. useRef 그럼 시.. 2023. 6. 4.