Frontend

API 경로 문자열을 하드코딩하다가 오타로 런타임 에러를 겪었다. TypeScript 4.4의 템플릿 리터럴 타입을 활용해 API 경로에 타입 안전성을 확보한 과정을 기록한다.

React 18 베타가 공개되면서 Automatic Batching이 주요 기능으로 소개되었다. 기존 17 버전과 비교하며 실제 동작 차이를 확인해봤다.

TypeScript 4.4에서 개선된 Control Flow Analysis를 활용해 불필요한 타입 단언을 제거했다. 특히 aliased conditions와 discriminated unions 처리가 개선되어 코드가 간결해졌다.

React 18 베타를 프로젝트에 적용해보면서 Concurrent Rendering의 동작 방식을 확인했다. startTransition과 useDeferredValue의 실제 사용 사례를 정리한다.

프로젝트에서 라우팅 경로를 문자열로 관리하다가 타이핑 실수로 404 에러가 발생하는 문제가 반복됐다. TypeScript 4.4의 Template Literal Type을 활용해 컴파일 타임에 경로 검증을 추가했다.

React 18 베타가 공개되면서 Concurrent Rendering 기능을 프로젝트에 미리 적용해봤다. startTransition과 useDeferredValue를 활용해 검색 UI의 성능을 개선한 과정을 기록한다.

TypeScript 4.4에서 강화된 템플릿 리터럴 타입을 활용해 API 엔드포인트 경로를 타입 안전하게 관리하는 방법을 정리했다. 기존에 문자열로만 관리하던 라우팅 경로에 타입 체크를 적용해 런타임 에러를 사전에 방지할 수 있었다.

TypeScript 4.4에서 개선된 template literal type을 활용해 API 라우팅 타입을 강화했다. 기존 string 타입으로 관리하던 엔드포인트를 타입 레벨에서 검증하게 되어 런타임 오류가 줄었다.

API 라우트 경로를 문자열로 관리하다가 오타로 인한 런타임 에러가 반복됐다. TypeScript 4.3의 template literal types를 활용해 컴파일 타임에 잡아낼 수 있게 개선했다.

API 라우트 문자열을 하드코딩하다 발생한 오타 버그를 계기로 Template Literal Types를 도입했다. 컴파일 타임에 잡을 수 있는 에러가 늘어나면서 런타임 버그가 줄었다.