Blog
지식의 파편을 모아 단단한 기록으로 남깁니다.
Sync Work를 처리하는 방법에 대해 알아보자.
Fiber 아키텍처를 도입하면서 WORK의 우선순위 조정에도 변동이 생겼다. 이때 등장한 개념들에 대해 알아보자.
setState를 구성하는 IDLE과 Render Phase에 대해 알아보자
IDLE과 Render Phase란 무엇이고 어디에 쓰이는지에 대해 깊이 탐구해보자.
useState는 사실 Linked List 구조였다?
useState의 비밀을 파헤치기 위해 코드를 뜯어보자.
Virtual DOM이란 무엇인가?
Virtual DOM이란 무엇인지 알아보고, 직접 React 코드를 분석해보자.
Fiber란 무엇인가?
Fiber란 무엇인지에 대해 알아보자.
Next.js App router 에서 TanStack Query를 효율적으로 쓸 수 있는 방법에 대해 알아보자
클라이언트 컴포넌트 내부에 서버 컴포넌트를 써야 하는 상황이 발생했다. 어떻게 해결해야 할까..?
싱글톤 패턴
<img width="1037" height="571" alt="image" src="https://github.com/user-attachments/assets/0231e6a6-620f-44d2-8f69-c2597e1c2b35" /> Singleton Pattrer...
Next.js App router 에서 TanStack Query를 효율적으로 쓸 수 있는 방법에 대해 알아보자
React 19 버전에 등장 예정인 새로운 훅, use 훅에 대해 알아봅시다.
옵저버 패턴
<img width="1032" height="576" alt="image" src="https://github.com/user-attachments/assets/bdccdade-a594-4477-8268-7195e2e255ae" /> 옵저버 패턴 > 옵저버(관찰자)...
컴파운드 컴포넌트 적용해보기
Compound Component React CCP(Compound Component Pattern) 적용해보기 Compound Component란? > 서로 연관된 컴포넌트를 한 파일에 묶은 후에 최상위 컴포넌트에 정적 프로토타입으로 지정하는 방식 > Compo...
아토믹 패턴
화학적 관점에서 영감을 얻은 디자인 시스템인 아토믹 디자인 패턴에 대해 알아보자.
MVC 패턴
<img width="1036" height="578" alt="image" src="https://github.com/user-attachments/assets/71c34693-ef08-4b60-8021-1782c538c124" /> MVC 패턴 <img width...