기술노트

field-sizing: content 한 줄로 textarea와 input을 내용에 맞춰 자동 확장시키는 CSS. scrollHeight를 재던 자바스크립트 코드를 지우는 법과 min/max 경계 설정, React에서의 이점을 정리했다.

LLM 스트리밍 UX 설계를 다룬다. TTFT와 체감 지연, 멈춤 버튼과 렌더 버퍼링, 추론·도구 호출 중 생기는 침묵을 메우는 법, 스트림 끊김과 최종본 확인까지 토큰이 흐를 때 사용자 경험을 좌우하는 결정들을 정리했다.

React 19의 useOptimistic 훅을 활용하여 서버 응답 전에 UI를 즉시 업데이트하는 낙관적 UI 패턴을 실전 예제와 함께 설명합니다.

React Suspense와 ErrorBoundary를 조합하여 로딩 상태와 에러 상태를 선언적으로 처리하는 패턴을 실전 예제로 구현합니다.

React 18 useTransition 심화 — 느린 렌더링 처리 — 실무에서 바로 적용할 수 있는 가이드입니다.