App Router에 페이지 전환을 넣으려고 Next 16의 ViewTransition을 켰다가 다시 뺐습니다. 스냅샷이 뷰포트가 아니라 요소 전체 높이로 잡히고, 전환 중에는 스크롤이 막힙니다. 결국 key 재마운트와 CSS 애니메이션으로 돌아왔습니다.

Vite + TanStack Router로 사내 관리 도구를 스캐폴드하며 FSD를 네 레이어로 깎았습니다. 파일 기반 라우팅이 폴더 구조를 먼저 정하는 문제, 그리고 그 경계를 ESLint로 강제하려다 두 번 조용히 실패한 기록입니다.

localStorage 읽기를 useState + useEffect에서 useSyncExternalStore로 바꾸며 깜빡임을 고쳤다고 커밋에 적었습니다. headless Chrome으로 재보니 두 구현의 DOM 변화는 같았습니다. 측정 방법과, 이 훅을 쓸 진짜 이유.

같은 트래픽이 기준점에 따라 인바운드도 아웃바운드도 됩니다. 기준은 방화벽 룰이 붙은 장비이고, stateful 방화벽의 connection tracking이 응답 트래픽을 통과시키는 방식까지 정리했습니다.

회원가입 이메일 인증 흐름을 짜면서 SMTP를 처음부터 정리했습니다. SMTP가 실제로 주고받는 명령, 포트 25/587/465가 나뉘는 이유, nodemailer와 Resend의 관계까지.

ChatGPT·Claude처럼 보낸 메시지를 뷰포트 상단에 붙이는 훅입니다. id 트리거, rAF, min-h-full 세 가지가 맞물려야 동작합니다.

대부분의 서비스는 PostgreSQL 하나로 시작합니다. 관계형과 비관계형이 각각 무엇을 포기하고 무엇을 얻는지, 그래서 언제 기본값을 벗어나는지를 의사결정 기준으로 정리했습니다.

Antigravity 2.0 이후 agy . 을 실행하면 에디터 대신 CLI가 켜집니다. 명령어가 CLI와 IDE로 분리된 것이 원인이고, 원래대로 에디터를 여는 방법까지 정리했습니다.

배럴 index.ts의 page re-export, manualChunks의 의미별 묶음, 한국어 웹폰트 dynamic-subset. lazy가 안 먹는 세 가지를 직접 측정하며 걷어낸 기록입니다.

fetch와 pull이 무엇을 다르게 하는지, fast-forward가 무슨 뜻인지, 브랜치가 갈라졌을 때 merge와 rebase 중 무엇을 고르는지 정리했습니다.

Hits, Upstash Redis, Supabase를 놓고 비교했습니다. 카운터 하나만 보면 Upstash가 맞지만, 댓글과 글별 조회수까지 붙일 계획이라 Supabase를 골랐습니다.

Contentlayer가 유지보수 중단이라 Velite로 갈아탔습니다. MDX 파이프라인 구성, FSD 폴더 구조, 테마 첫 페인트까지 만들면서 결정한 것들을 정리했습니다.