# global state

10개의 포스트

Front-End(feat. React)에서 서버 상태 관리

Redux, Mobx같은 전역 상태 관리 라이브러리를 많이 사용하고 있었을 것이다. 해당 라이브러리들은 비동기 작업을 하기 위해선 추가적으로 작성해야하는 코드 양이 늘어난다.배보다 배꼽이 더 큰 상황이 되는 것이다.예로 redux-saga 코드를 작성해 보았다.Reac

2022년 6월 20일
·
0개의 댓글

Recoil

Recoil은 업데이트된 state 부분만 리렌더를 해줍니다.Recoil에서는 Atom으로 state의 일부를 보여줍니다.컴포넌트들은 자신이 필요한 Atom을 참조하고 있습니다. 따라서 자신이 참조하고 있는 Atom에 변화가 있으면 해당 atom을 참조하는 모든 컴포넌

2022년 6월 13일
·
0개의 댓글

글로벌 스테이트를 위한 라이브러리들!

글로벌 스테이트란? 나는 여태껏 컴포넌트가 깊어지는 말든 프롭스드릴링을 이용해 데이터를 넘겨주고 있엇다. 하지만 글로벌스테이트를 배운 순간부터(익숙해진 순간부터)는 더이상 프롭스때문에 고통받지 않아도 된다!!(나는 아직 고통받고있다.) 글로벌스테이트란 이름그대로 스테이트를 모든파일에 적용시켜줄 수 있다는 것이다. 전역변수...

2022년 6월 11일
·
0개의 댓글
post-thumbnail

Day-21 Global State

함수에서 사용하는 props, el, index, prev 등이 각각의 의미를 가진다고 생각을 했지만 이들의 실체는 사실 그냥 이름이었을 뿐이다.함수 ()안에 들어가는 것을 인자(argument)라고 하고 뭘로 받을지 기다리는 것들을 매개변수(parameter)라고 한

2022년 6월 7일
·
0개의 댓글
post-thumbnail

Context API

부모 컴포넌트가 가진 데이터(state)를 자식의 자식의 자식의... 최하위 컴포넌트에게 넘겨주려면 사이의 모든 컴포넌트를 거쳐야 한다.global state를 사용해 최상위에서 모든 데이터(state)를 관리해 원하는 어떤 컴포넌트에서든 바로 가져다 쓸 수 있다.컨텍

2022년 4월 16일
·
0개의 댓글

global state, Context-API & Recoil

상위 컴포넌트에서 선언한 State변수를 최하위 컴포넌트로 내려줄때 중간에 있는 모든 컴포넌트에 props로 넘겨주어야 한다(props drilling). 끊기면.... 작동하지 않으니, 복잡해질 수록 힘들어졌다. 공통의 컴포넌트를 만들고 어떤 컴포넌트이든 거기서 state를 받아서 사용하려고 나온 것이 global state이다. props dril...

2022년 4월 11일
·
0개의 댓글
post-thumbnail

20220213_TIL : Global State / Context-API

지금까지 페이지 컴포넌트에 여러 컴포넌트를 이어서 하나의 결과물를 만들어왔다. 각각 컴포넌트 안에 state를 설정하고 컴포넌트를 이어주기 위해서 props로 데이터를 넘겨주는 방식으로 구성했다.모든 컴포넌트에 동일한 state를 설정하고 싶을 때가 있다. 예를 들어

2022년 2월 13일
·
0개의 댓글
post-thumbnail

[Redux] Redux Toolkit 시작하기

Redux Toolkit 사용법!

2021년 12월 27일
·
2개의 댓글

11.29 (21)

til 21일차

2021년 12월 1일
·
0개의 댓글