Frontend

React 18 알파가 공개되면서 Automatic Batching과 startTransition 등 새로운 기능들이 추가되었다. 기존 프로젝트에 적용하기 전에 주요 변경사항을 정리해봤다.

TypeScript 4.2에서 추가된 Template Literal Types를 활용해 REST API 엔드포인트 타입을 개선했다. 문자열 리터럴 조합으로 런타임 오류를 컴파일 타임에 잡아낼 수 있었다.

TypeScript 4.1에서 도입된 template literal types를 실제 프로젝트에 적용해봤다. API 경로 문자열을 타입 레벨에서 검증하니 런타임 오류가 눈에 띄게 줄었다.

TypeScript 4.2에서 추가된 Template Literal Types를 실무에 적용해봤다. 문자열 조합이 많은 API 라우트와 CSS 클래스명 관리에서 타입 안정성을 크게 높일 수 있었다.

TypeScript 4.2에서 추가된 Template Literal Types를 실제 프로젝트에 적용했다. API 엔드포인트 타입 정의에 활용하면서 런타임 에러를 컴파일 타임에 잡을 수 있게 되었다.

React 18 알파가 공개되면서 Concurrent Rendering, Automatic Batching 등 새로운 기능들이 소개되었다. 실제 프로젝트 적용 전 주요 변경사항을 정리하고 기존 코드와의 호환성을 검토했다.

TypeScript 4.2에서 추가된 Template Literal Types를 활용해 API 라우트의 타입 안전성을 높였다. 문자열 리터럴 조합으로 REST API 경로를 컴파일 타임에 검증할 수 있게 되었다.

React 18 알파 버전이 공개되면서 주요 변경사항을 미리 살펴봤다. Concurrent Mode와 자동 배칭이 주요 포인트였고, 기존 프로젝트에 미칠 영향을 검토했다.

React 18 알파 버전에서 도입된 Automatic Batching을 실험해봤다. 기존 React 17과의 차이점과 실제 렌더링 최적화 효과를 측정했다.

React 18 alpha가 공개되면서 Automatic Batching 기능이 추가되었다. 기존 이벤트 핸들러 외에 Promise, setTimeout 등에서도 자동으로 배치 처리가 된다는데, 실제 동작을 확인해봤다.