Published on2026년 6월 27일PBR 텍스처링과 렌더링 — 빛과 재질의 과학pbrtexturingrenderinguv-unwrappinglightingmaterialsUV 언래핑부터 시작해 PBR의 핵심 개념인 메탈릭·러프니스·베이스컬러·노멀맵을 정리합니다. 텍스처 맵의 종류와 베이킹, 래스터화와 레이트레이싱으로 나뉘는 렌더링 파이프라인, 라이팅의 기본, 그리고 Substance를 비롯한 머티리얼 작업까지 다이어그램과 실무 팁을 곁들여 설명합니다.
Published on2026년 6월 27일Next.js 16 아키텍처 — Turbopack과 Cache Components 깊이 보기nextjsturbopackcache-componentsapp-routerrenderingpprreactNext.js 16의 아키텍처를 App Router 구조, 서버/클라이언트 컴포넌트 경계, 렌더링 모델, Cache Components, 그리고 기본 번들러가 된 Turbopack 관점에서 깊이 있게 살펴봅니다. 요청 생명주기와 캐시 계층을 ASCII 다이어그램으로 풀어내고 마이그레이션 함정까지 다룹니다.
Published on2026년 3월 24일브라우저는 어떻게 동작하는가: URL 입력부터 픽셀 렌더링까지 — 프론트엔드 면접 필수 지식browserrenderingdomcssomlayoutpaintcompositecritical-rendering-pathv8event-loopfrontend2026-03브라우저 동작 원리의 모든 것! DNS→TCP→HTTP→HTML 파싱→DOM/CSSOM→렌더 트리→레이아웃→페인트→합성, Critical Rendering Path 최적화, 리플로우/리페인트, requestAnimationFrame, Web Worker까지.