#성능
앱 배포 없이 바뀌는 모달 웹뷰를 설계한 이야기
최초 도입은 앱 배포가 필요했다. 그 이후를 웹 배포만으로 바꾸는 것이 목표였다
FSD에서 배럴 파일 사용 가이드
배럴 파일은 FSD에서 Public API 역할을 하지만, 잘못 쓰면 순환 import와 tree shaking 실패를 부른다. 계층별 사용 기준과 성능 함정을 정리했다
JavaScript의 미래: JIT를 넘어 AOT 컴파일의 시대로 (feat. Porffor)
hello world 하나를 위해 100MB짜리 런타임을 들고 다니는 게 당연한가. Porffor가 보여준 AOT 컴파일의 가능성 — 발표 영상을 보고 팀 내 공유용으로 정리한 글
Astro Islands Architecture: 성능 중심 웹 개발의 새로운 패러다임
Next.js로 만든 블로그를 Astro로 다시 만들면서 재본 것들 — Islands Architecture, Content Collections 증분 빌드, 그리고 Next.js가 PPR로 향하는 방향까지
React 동시성 렌더링: Fiber가 가능하게 한 혁신
단일 스레드와 동기적 렌더링이 만들던 버벅거림을, Fiber의 중단 가능한 구조와 우선순위 시스템이 어떻게 풀었는지 정리한다
빌드 시간 75% 단축하기: Turborepo 최적화
동료가 빌드 5분이 길다고 했다. Turborepo는 이미 쓰고 있었는데 캐시 히트는 0회였다. 무엇이 캐시를 깨뜨렸고, 무엇을 왜 그렇게 바꿨는지에 대한 기록
React 19 cache()로 서버 컴포넌트 워터폴 페칭 막기
서버 컴포넌트에서 부모에서 자식으로 요청이 줄줄이 늘어지는 워터폴 페칭을, React 19 cache()의 프리로딩 패턴으로 푸는 방법을 정리했다
Tailwind vs Linaria: 성능 조사
Tailwind가 CSS를 줄이고 HTML을 늘리는 건 맞는데, 초기 로드에는 아무 영향이 없었다. 대신 예상 못 한 곳에서 차이가 났다 — 원문을 읽고 팀에 공유하려고 정리한 글
Flame Graph로 보는 클라이언트 사이드 렌더링
성능 패널의 그 알록달록한 막대들을 어떻게 읽는지, 그리고 그 그래프가 클라이언트 사이드 렌더링의 비용을 어떻게 드러내는지 — 원문을 읽고 팀에 공유하려고 정리한 글
React 개발자를 위한 초기 로딩 성능: 심층 탐구
TTFB부터 FCP·LCP까지 무엇을 재는지, 그리고 느린 서버·좁은 대역폭·높은 지연·캐시가 각각 그 숫자를 어떻게 흔드는지 — 팀 내 발표용으로 원문을 읽고 정리한 글
Astro 5.0으로 개발자 블로그 마이그레이션 경험기
실시간 반영이 중요할 줄 알고 Next.js ISR로 시작했는데, 정작 글을 매일 쓰지 않았다. 블로그에 필요한 복잡도가 어디까지인지 다시 따져보고 Astro로 옮긴 기록
React 개발자를 위한 SSR 심화 가이드
메타 태그 프리렌더링부터 전체 페이지 SSR, 하이드레이션, SSG까지 — 각 단계가 무엇을 해결하고 무슨 비용을 청구하는지, 그리고 SSR이 오히려 초기 로드를 느리게 만드는 조건까지