Frontend

TypeScript 5.4에서 추가된 NoInfer 유틸리티 타입을 실제 프로젝트에 적용해봤다. 제네릭 타입 추론 시 발생하던 예상치 못한 타입 확장 문제를 해결할 수 있었다.

React 19 Beta에 추가된 useActionState 훅을 프로젝트에 적용해봤다. 기존 폼 상태 관리 코드가 상당히 간결해졌고, 서버 액션과의 통합도 자연스러웠다.

React 19 베타가 공개되면서 ref를 prop으로 직접 전달할 수 있게 되었다. forwardRef를 제거하고 기존 컴포넌트를 마이그레이션한 과정을 정리했다.

프로젝트에서 타입 추론과 타입 체크를 동시에 보장해야 하는 경우가 많았다. TypeScript 4.9에서 도입된 satisfies 연산자를 실무에 적용하면서 as 단언보다 안전한 패턴을 찾았다.

TypeScript 5.4에서 추가된 NoInfer 유틸리티 타입을 실무에 적용해봤다. 제네릭 함수에서 타입 추론을 제한해야 하는 상황에서 유용했고, 특히 설정 객체 병합 로직에서 효과를 봤다.

React 18로 마이그레이션 후 개발 환경에서 useEffect가 두 번 실행되는 현상을 발견했다. Strict Mode의 새로운 동작 방식과 이에 대응하는 클린업 패턴을 정리했다.

React 19 RC가 공개되면서 새로운 use 훅을 실험해봤다. Promise와 Context를 동일한 인터페이스로 다룰 수 있다는 점이 흥미로웠고, 기존 Suspense와의 조합도 자연스러웠다.

React 18의 Server Components를 프로덕션에 도입하면서 기존 데이터 페칭 패턴을 전면 재검토했다. useEffect + fetch 패턴에서 벗어나 서버 컴포넌트에서 직접 데이터를 가져오는 방식으로 전환하며 겪은 시행착오를 정리했다.

TypeScript 5.0에서 추가된 satisfies 연산자를 실무에 적용하면서 기존 as const와의 차이점을 정리했다. 타입 추론을 유지하면서도 제약을 검증할 수 있어 유용했다.

프로젝트에 TypeScript 5.3을 적용하면서 Import Attributes 문법을 도입했다. 기존 assert 문법의 deprecated 경고를 해결하고, JSON 모듈 import 시 타입 안정성을 확보하는 과정을 정리했다.