#성능

4 posts

시리즈 'React 성능·메모리' 2편. 오늘 한 일 노트를 정리하며, "재렌더링 → 함수/객체 재할당 → 메모리 압박"의 연결고리를 따라가 본다. 오늘 이벤트 로깅 쪽을 손보다가 문득 "이거 왜 매번 이벤트가 두 번 찍히지?"에서 …

시리즈 'React 성능·메모리' 3편. 유명한 "Sneaky React Memory Leaks" 류 아티클을 읽고 정리한 노트에, 실제 프로젝트에서 겪은 재생성/누수 사례를 접목했다. 메모리 누수라고 하면 보통 "리스너 안 지웠네"…

시리즈 'React 성능·메모리' 4편. 3편(클로저의 함정)의 심화. 이번엔 "그래서 뭘 memoize하고 뭘 하지 말까"를 실제 사례로 판단 기준을 세운다. memoize는 공짜가 아니다. / 도 값을 캐시하고 deps를 매 렌더…

시리즈 'React 성능·메모리' 1편. 렌더링 전략을 어디서 결정하느냐가 초기 성능을 좌우한다. 오토캐시백 landing 페이지를 열면 처음엔 멀쩡한데, 이미지가 뒤늦게 들어오면서 아래 내용이 우르르 밀려 내려갔다. 소위 CLS(C…