/ Frontend
AbortController, fetch 취소부터 React cleanup까지
fetch 취소부터 이벤트 리스너 정리, 타임아웃, React cleanup까지. abort() 하나로 비동기 작업의 시작과 정리를 묶는 패턴을 정리합니다.
#React
13개의 포스트
/ Frontend
useCallback, useMemo, React.memo: 언제 쓰고 언제 버려야 할까
세 가지 메모이제이션 도구의 정확한 역할과 관계, 흔한 실수, 그리고 React Compiler 시대의 새로운 접근법.
/ Frontend
React Element 참조로 이해하는 리렌더링
React.memo를 파고 들어가니 Element 참조라는 개념이 나왔습니다.
/ Frontend
React 상태 관리 라이브러리 Zustand, Jotai, Redux Toolkit 비교
세 라이브러리의 설계 철학, 구독 방식, 확장 전략을 비교하고 선택 기준을 정리합니다.
/ Frontend
asChild 패턴에 대한 생각: Composition이 답인가?
Radix UI의 asChild/Slot 패턴을 실무에 적용하면서 느낀 점과 2026년 컴포넌트 설계 트렌드
/ Frontend
무한 스크롤 성능 최적화: Virtual Windowing 도입기
O(n)을 O(1)로 개선한 Virtual Windowing 실전 적용 경험
/ Frontend
React 제어 컴포넌트 vs 비제어 컴포넌트
입력 필드 하나 때문에 화면이 버벅거린 경험에서 시작된, 제어 컴포넌트와 비제어 컴포넌트에 대한 고민 기록
/ Frontend
Hook vs HoC vs Props: 선택 기준에 대한 고민
'어떻게'보다 '왜'에 집중하며, 실무에서 마주한 트레이드오프를 공유합니다.
/ Frontend
React useEffect의 오해: 초기화가 아닌 동기화 도구
useEffect를 '초기화 도구'로 오해하면 불필요한 재렌더링이 발생합니다. React가 설계한 진짜 목적, 올바른 사용법, 그리고 실무에서 고려해야 할 트레이드오프를 알아봅니다.
/ Frontend
React 함수형 생명주기
React 18 공식 문서를 바탕으로 함수형 컴포넌트 생명주기와 훅 타이밍을 정리합니다.
/ Frontend
atomWithHash로 URL 기반 페이지네이션 구현하기
Jotai의 atomWithHash를 이용하여 페이지네이션을 구현해봅시다.
/ Frontend
Suspense와 Skeleton UI 제대로 이해하고 적용하기
Suspense의 작동 원리부터 클라이언트 컴포넌트에서의 올바른 스켈레톤 UI 구현까지
/ Frontend
React 가 사랑받는 이유?
React가 사랑받는 이유, 그리고 많이 쓰이는 이유에 대해 개인적인 견해를 가득 담아 정리해보았습니다.