본문으로 건너뛰기

Blog

기술 기록

DevTools

프로그램을 위한 AI 판단 모델, Jev 정리

사람이 읽을 답변 대신 프로그램이 바로 쓰는 판단을 돌려주는 모델. Jev의 선택지, 확률, 보정 개념을 짚었다

Frontend

Next.js App Router 요청 흐름 지도

요청 하나가 Proxy와 Route를 지나 화면이 뜨고, 사용자 동작이 Server Action을 거쳐 두 캐시로 갈라지는 자리를 한 장으로 이었다.

TypeScript

TypeScript 7 병행 설치와 빌드 타입 게이트 도입

TS 5.5.4를 그대로 둔 채 TypeScript 7을 별칭으로 병행 설치해 빌드 앞단의 타입 게이트로 세웠다.

Frontend

SSR과 RSC의 차이, RSC Payload와 두 가지 로딩 흐름 정리

SSR과 RSC를 다른 축으로 갈라 보고, RSC Payload가 초기 로딩과 Client Navigation에서 각각 어떻게 쓰이는지 짚었다.

Frontend

Server Action과 Route Handler 차이, 그리고 두 캐시 계층 정리

Route Handler와 Server Action이 갈리는 지점, 그리고 TanStack Query 캐시와 Next.js 캐시가 다른 계층이라는 걸 정리했다.

Frontend

Next.js 요청이 Server Component에 닿기까지의 경로

브라우저 주소창의 URL이 Server Component에 닿기까지 DNS·CDN·라우트 매칭·Proxy 실행 순서를 따라가며 정리했다.

Frontend

React 19 Server Action과 Action 훅 역할 정리

Server Function과 Server Action의 구분부터 useActionState, useOptimistic, use까지 서버 작업을 UI에 잇는 방식을 정리했다.

Frontend

React 19 실행 위치와 데이터 소유권 정리

Server Component와 Server State가 왜 다른 질문인지, 실행 위치와 데이터 소유권 두 축으로 갈라 정리했다.

Frontend

Hydration 정의와 React render / 브라우저 Paint 구분

rendering이라는 말이 자리마다 다른 걸 가리켜서, Hydration이 붙잡는 대상과 React render의 경계를 나눠 정리했다.

Frontend

React 실행 환경과 CSR/SSR 차이 정리

React가 서버에서도 실행되는 이유와 CSR·SSR의 차이를 React 자체가 무엇인지부터 되짚어 정리했다.