모든 글
4개의 글
React Fiber 완전 정복
2025. 5. 20. · 51 min read
이번 포스팅에서는 React의 심장이라 할 수 있는 Fiber 아키텍처에 대한 이야기를 해보려고 한다. 필자가 React를 처음 접했을 때, "Fiber" 라는 단어는 면접 단골 질문 정도로만 인식되었다. "React의 렌더를 위해 작업 단위를 나눠서 처리"라는 한 줄짜리 정의를 외우고, 그게 전부인 줄 알았다. 하지만 실제로 React의 소스코드를 들여다...
Zustand 불변성 관리와 immer 미들웨어 동작 원리(valtio를 곁들인)
2024. 11. 16. · 40 min read
이번 포스팅에서는 Zustand의 immer 미들웨어가 내부적으로 어떻게 동작하는지, 그리고 불변성이라는 개념이 왜 프론트엔드 상태 관리에서 그토록 중요한지에 대한 이야기를 해보려고 한다. 필자는 팀에서 Zustand를 주력 상태 관리 라이브러리로 사용하고 있다. 어느 날 깊게 중첩된 객체 상태를 업데이트해야 하는 상황이 생겼는데, 스프레드 연산자를 세 겹...
useSyncExternalStore Deep Dive
2024. 10. 31. · 29 min read
이번 포스팅에서는 React 18에서 도입된 useSyncExternalStore 훅에 대한 이야기를 해보려고 한다. 필자가 이 훅을 처음 접하게 된 건 Redux와 Zustand의 내부 구현을 뜯어보던 중이었다. 평소에 외부 상태 관리 라이브러리를 당연하게 사용하면서도, 이것들이 React의 동시성 렌더링과 어떻게 안전하게 공존하는지에 대해서는 깊이 생각...
Zustand, 너 뭔데 ProviderLess 인 거야?
2024. 8. 18. · 20 min read
이번 포스팅에서는 Zustand가 어떻게 Provider 없이 상태관리를 해내는지에 대한 이야기를 해보려고 한다. 필자는 Zustand를 사용하면서 늘 당연하게 Provider 없이 상태를 관리해왔다. 그러다 문득 이런 생각이 들었다. React의 Context API는 반드시 Provider로 컴포넌트 트리를 감싸야 하는데, Zustand는 대체 어떤 마...
React Fiber 완전 정복
2025. 5. 20. · 51 min read
이번 포스팅에서는 React의 심장이라 할 수 있는 Fiber 아키텍처에 대한 이야기를 해보려고 한다. 필자가 React를 처음 접했을 때, "Fiber" 라는 단어는 면접 단골 질문 정도로만 인식되었다. "React의 렌더를 위해 작업 단위를 나눠서 처리"라는 한 줄짜리 정의를 외우고, 그게 전부인 줄 알았다. 하지만 실제로 React의 소스코드를 들여다...
Zustand 불변성 관리와 immer 미들웨어 동작 원리(valtio를 곁들인)
2024. 11. 16. · 40 min read
이번 포스팅에서는 Zustand의 immer 미들웨어가 내부적으로 어떻게 동작하는지, 그리고 불변성이라는 개념이 왜 프론트엔드 상태 관리에서 그토록 중요한지에 대한 이야기를 해보려고 한다. 필자는 팀에서 Zustand를 주력 상태 관리 라이브러리로 사용하고 있다. 어느 날 깊게 중첩된 객체 상태를 업데이트해야 하는 상황이 생겼는데, 스프레드 연산자를 세 겹...
useSyncExternalStore Deep Dive
2024. 10. 31. · 29 min read
이번 포스팅에서는 React 18에서 도입된 useSyncExternalStore 훅에 대한 이야기를 해보려고 한다. 필자가 이 훅을 처음 접하게 된 건 Redux와 Zustand의 내부 구현을 뜯어보던 중이었다. 평소에 외부 상태 관리 라이브러리를 당연하게 사용하면서도, 이것들이 React의 동시성 렌더링과 어떻게 안전하게 공존하는지에 대해서는 깊이 생각...
Zustand, 너 뭔데 ProviderLess 인 거야?
2024. 8. 18. · 20 min read
이번 포스팅에서는 Zustand가 어떻게 Provider 없이 상태관리를 해내는지에 대한 이야기를 해보려고 한다. 필자는 Zustand를 사용하면서 늘 당연하게 Provider 없이 상태를 관리해왔다. 그러다 문득 이런 생각이 들었다. React의 Context API는 반드시 Provider로 컴포넌트 트리를 감싸야 하는데, Zustand는 대체 어떤 마...