React Compiler 딥다이브: 원리부터 결과물까지
React Compiler가 코드를 어떻게 분석하고, 무엇을 만들어내는지 파이프라인부터 결과물까지 깊이 파헤쳐본다.
20 POSTS
Web-performance 2
IntersectionObserver 싱글톤 패턴과 WeakMap으로 메모리 누수 방지하기
수백 개의 요소를 효율적으로 관찰하면서 메모리 누수도 방지하는 방법
거대한 JSON 응답을 효율적으로 처리하는 방법
JSON.parse()가 버거워할 때 살아남는 법
WebGPU, 드디어 모든 브라우저에서 사용 가능해지다
2025년 7월, 14년 만에 브라우저 GPU API 세대교체가 완료됐다
Next.js 캐싱 가이드
Next.js App Router의 4가지 캐시 레이어 알아보긔
React의 새로운 lint 규칙: set-state-in-effect
Effect에서 setState를 호출하면 안 되는 이유와 대안
web performance deep dive (가제) 베타 리더를 모십니다. (마감)
많관부
- ◆ 웹 서비스 성능 분석 · 4편
웹 서비스 성능 분석 (4)
나도 해볼까.. 라는 생각이 든다면 바로 지금 연락주세요!!
- ◆ 웹 서비스 성능 분석 · 3편
웹 서비스 성능 분석 (3)
관심 가져주셔서 감사합니다. 🙇🏻♂️
AI 시대 "프론트엔드, 정말 중요할까?" 라는 질문에 답합니다. (성능, AI, UI/UX, 그리고 미래)
AI와 B2B 환경에서도 프론트엔드는 비즈니스 가치와 직결되는 사용자 경험의 핵심이며, 그 중요성과 역할은 변하지 않기에 끊임없이 가치를 증명하고 발전해야 합니다.
- ◆ 웹 서비스 성능 분석 · 2편
웹 서비스 성능 분석 (2)
관심 가져주셔서 감사합니다. 🙇🏻♂️
- ◆ 웹 서비스 성능 분석 · 1편
웹 서비스 성능 분석 (1)
관심 가져주셔서 감사합니다. 🎉
웹사이트 성능에 고민이 있는 서비스를 찾습니다.
🤔
브라우저의 프리로드 스캐너(pre-load scanner)와 파싱 동작의 이해
브라우저 최적화랑 싸우지마
Largest Contentful Paint (LCP) 최적화하기
브라우저 동작 방식을 이해하기
리액트의 새로운 훅, useEvent
트위터 염탐 시리즈 제1탄
크롬 메모리 프로파일러 사용하는 방법
스냅샷 해석과 디버깅의 책임은 본인에게 있습니다
참조 동일성을 위한 메모이제이션
세상에 나쁜 메모이제이션은 없다 🤔
리액트의 useCallback useMemo, 정확하게 사용하고 있을까
메모이제이션에 대한 고민 🤔
리액트의 렌더링은 어떻게 일어나는가?
리액트에서 메모이제이션을 언제 해야하는가 고민 하다가 여기까지 왔다