$ ls tags/ / react
#react
3 posts
frontend
의존성 배열의 기준: 무엇이 아니라 언제
exhaustive-deps는 effect가 쓰는 모든 값을 deps에 넣으라 한다. 대개 맞지만, 참조가 불안정한 값과 렌더를 유발하는 effect가 만나는 지점에서 그 규칙은 effect를 자기 자신을 먹는 뱀으로 만든다.
2026.05.08 4 min read react · react-query · useeffect
frontend
localStorage와 React 인증 상태의 단절
토큰을 localStorage에 쓰고 바로 navigate했더니 앱이 로딩에서 멈췄다. 인증 상태가 localStorage(출처)와 Context(화면이 보는 파생) 두 곳에 사는데, 출처만 바꾸고 파생을 안 깨운 탓이었다.
2026.05.06 3 min read react · context-api · authentication · localStorage
frontend
상태를 갖지 않는 레이아웃 컴포넌트
PageHeader·SideDetailPanel·PageTableCard 세 컴포넌트를 통해 Controlled 패널, CSS transform 슬라이드, Compound Component 패턴, 디자인 토큰 분리를 정리한다.
2026.04.07 4 min read react · compound-component · layout · tailwind · design-system