Frontend

TypeScript 4.5가 릴리즈되면서 템플릿 리터럴 타입이 더 강력해졌다. REST API 엔드포인트를 타입 수준에서 검증하는 방법을 도입하면서 런타임 오류를 사전에 잡을 수 있게 되었다.

React 18 beta를 테스트하면서 automatic batching이 실제로 어떻게 동작하는지 확인해봤다. setTimeout, Promise 내부에서도 배칭이 적용되는 것을 확인했고, 기존 코드에 미치는 영향을 점검했다.

React 18 Beta가 공개되어 Concurrent Rendering과 Suspense의 변화를 실험 프로젝트에 적용해봤다. startTransition과 useDeferredValue를 실제로 사용하면서 느낀 점을 정리했다.

React 18 beta가 공개되면서 automatic batching이 화제다. 기존 프로젝트에 적용해보며 실제 렌더링 횟수 변화를 측정해봤다.

React 18 Beta를 프로젝트에 적용해보면서 Automatic Batching 기능을 테스트했다. 기존에는 이벤트 핸들러 내부에서만 동작하던 배칭이 Promise, setTimeout 등에서도 자동으로 적용되는 것을 확인했다.

React 18 베타가 공개되어 주요 변경사항인 Concurrent Rendering을 실제 프로젝트에 적용해보았다. startTransition과 useDeferredValue를 통해 사용자 경험을 개선할 수 있었다.

TypeScript 4.4에서 개선된 타입 좁히기(narrowing) 기능을 프로젝트에 적용하면서 겪은 경험을 정리했다. 특히 aliased conditions와 discriminated union의 타입 추론이 크게 개선되었다.

REST API 엔드포인트를 문자열로 관리하다 보면 오타로 인한 런타임 에러가 자주 발생했다. TypeScript 4.4의 템플릿 리터럴 타입을 활용해 컴파일 타임에 잡아낼 수 있게 개선한 과정을 기록한다.

React 18 베타가 공개되면서 새로운 useId 훅이 추가되었다. SSR 환경에서 접근성 속성을 위한 고유 ID 생성 시 발생하던 hydration mismatch 문제를 해결할 수 있게 되었다.

React 18 Beta가 공개되어 Concurrent Rendering을 실제 프로젝트에 적용해봤다. startTransition과 useDeferredValue를 통해 무거운 리스트 렌더링 성능을 개선한 과정을 정리했다.