Today I Learned

날짜별 업무 및 학습 회고입니다. 매일 무엇을 했고, 무엇을 배웠는지 기록합니다.

3개의 기록 · #ssr

2026년 7월

2026-07-03

perf는 3× median, prefetch는 skeleton과 세트

Lab trace outlier 구분, SSR prefetch query key 정합, CLS skeleton 예약, JSON-LD 서버 주입을 한날에 정리

개발 서버 단일 Performance trace는 outlier가 흔해 N회 reload median으로 before/after를 비교해야 한다
SSR prefetch는 query key가 클라이언트와 1글자라도 다르면 cache miss이며 skeleton 높이 예약과 세트로 봐야 CLS가 난다

2026-07-01

긴 목록은 flatten → SSR 첫 slice → virtualizer

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

무한 스크롤은 데이터 노출 상한, 가상화는 DOM 상한을 각각 제어한다
nested 그룹 UI는 header/item row로 flatten한 뒤 virtualizer에 넣는다

2026년 6월

2026-06-30

직접 업로드 계약, CSS 토큰 테마, 하이드레이션 경계

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

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