bblog

2026년 7월

2026-07-12

검색 노출용 JSON-LD 리치화, .{locale}.md 파이프라인, next-intl Link 수정, BFS 로컬 그래프, knowledge publish까지 한 축으로 정리한 TIL

다국어는 번역뿐 아니라 id=`type:slug:locale` 포맷을 DB·검색·sitemap 전 구간에서 grep해야 한다
localePrefix always에서는 내부 이동에 plain next/link를 쓰면 bare href가 /ko로 301된다 — 예외 없이 i18n Link

2026-07-07

불변 트리 에디터에서 한 줄만 고쳐도 전체가 다시 그려지는 문제를, 테스트로 먼저 고정한 뒤 정규화 projection과 id별 구독으로 행·컨테이너 리렌더를 줄인 과정

불변 트리 patch는 조상도 새 ref를 받아 props 내리면 O(depth) 리렌더 — 정규화 entry + id별 구독으로 O(1)로 줄일 수 있다
entry 캐시는 입력 ref가 아니라 출력 값-동등으로 안정화해야 하고, 외부 store sync는 setState 직전 choke point에서 동기 실행한다

2026-07-06

webpack splitChunks 함정, 하이브리드 에디터 크로스블록 범위 연산, selectionchange·scroll anchor 패턴, Context 구독 분리

2026-07-05

fractional ordering, optimistic rebase, IME defer, keyboard undo 위임, scoped popover, Jest ESM shim 등 범용 패턴 정리

sibling 순서는 integer index보다 fractional position key + neighbor anchor + tie-break가 concurrent insert에 유리하다
optimistic UI는 inverse patch 없이는 rebase할 수 없고, remote seq가 merge 권위여야 한다

2026-07-04

블록 문서 편집기에서 host/guest 경계, React 외부 스토어 스냅샷, undo 2-스택, HTML5 드래그·선택/복사를 처음 읽는 사람 기준으로 정리

문서 의미는 host 패치가 소유하고 리치텍스트 엔진은 포커스 블록의 guest로만 둔다
useSyncExternalStore 스냅샷에 ms timestamp만 쓰면 같은 ms mutation에서 리렌더가 드롭된다 — 단조 revision이 필요

2026-07-01

무한 스크롤과 리스트 가상화를 분리하고, SSR 정적 gate로 첫 HTML을 보장한 뒤 virtual list로 전환하는 패턴

2026-06-30

presigned URL 4단계 업로드, @layer 기반 토큰 테마의 단일 생성기, fr 레이아웃과 마운트 후 하이드레이션에서 배운 공통 원칙

presigned URL 업로드는 presign→PUT→complete→create 4단계 계약이고, complete 통지를 빠뜨리면 백엔드가 업로드를 인지하지 못한다.
CSS 토큰 테마는 @layer(우선순위)·@scope(범위)·light-dark()(모드)를 분리하고, 런타임·빌드 CSS를 하나의 생성기로 단일화해야 어긋나지 않는다.

2026-06-29

서버리스에서 무엇을 함수 안/밖에 둘지와, 교체 가능한 검색을 provider 계약으로 감추는 법