Frontend

React 18 알파가 공개되어 사이드 프로젝트에 적용해봤다. Concurrent Rendering과 Automatic Batching을 중심으로 변경점을 정리했다.

API 응답 타입 정의 작업 중 반복되는 패턴이 많아 유틸리티 타입을 적극 활용했다. Partial, Pick, Omit 등을 조합하니 타입 정의 코드량이 30% 정도 줄었다.

React 18 알파가 공개되면서 Automatic Batching 기능이 추가되었다. 기존 setState의 배칭 동작이 어떻게 달라지는지, 실제 프로젝트에서 어떤 영향을 미칠지 테스트해봤다.

프로젝트에서 이벤트 네이밍 규칙을 타입 레벨에서 강제하기 위해 Template Literal Types를 도입했다. 런타임 에러를 컴파일 타임으로 앞당길 수 있었다.

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

React 18 Alpha가 공개되면서 Concurrent Rendering 기능을 실험해볼 수 있게 되었다. 기존 프로젝트에 적용하며 startTransition과 useDeferredValue의 동작 방식을 확인했다.

React 18 beta가 공개되면서 Concurrent Rendering이 주목받고 있다. 기존 프로젝트에 적용해보며 startTransition과 Suspense의 변경사항을 정리했다.

React 18 Alpha가 공개되면서 Concurrent Rendering이 주요 변경사항으로 소개되었다. 기존 프로젝트에 미칠 영향을 파악하기 위해 주요 개념을 정리했다.

React 18 Alpha가 공개되면서 Concurrent Rendering 기능이 드러났다. 프로젝트에 도입 가능성을 검토하기 위해 주요 변경사항을 정리했다.

TypeScript 4.3에 추가된 override 키워드를 프로젝트에 적용했다. 상속 관계에서 발생할 수 있는 오타와 시그니처 불일치 문제를 컴파일 타임에 잡아낼 수 있게 되었다.