Frontend

TypeScript 5.6에서 정식 지원되기 시작한 Iterator Helper 메서드를 실무 코드에 적용해봤다. map, filter 같은 메서드를 배열뿐 아니라 제너레이터에서도 체이닝할 수 있게 되면서 코드가 간결해졌다.

TypeScript 5.6에서 개선된 제네릭 제약 조건 추론 기능을 실무에 적용하면서 겪은 경험을 정리했다. 특히 복잡한 유틸리티 타입 작성 시 타입 안정성이 크게 향상되었다.

React 19의 Server Actions를 프로덕션에 도입하면서 기존 API 라우트와 병행 운영했던 경험을 정리했다. 점진적 마이그레이션 전략과 에러 핸들링 패턴을 중심으로 기록한다.

React 19의 Server Actions를 프로덕션에 도입하면서 겪은 시행착오를 정리했다. useTransition과 결합해 폼 처리 로직을 단순화하고, 기존 API 라우트 대비 얻은 이점과 주의점을 기록한다.

React 19 Compiler를 프로덕션에 적용하면서 번들 크기가 12% 감소했다. useMemo와 useCallback 제거 과정과 주의할 점을 정리했다.

프로젝트에서 복잡한 제네릭 타입을 다루다가 TypeScript 5.5의 개선된 infer 기능을 적용해봤다. 기존에 여러 단계로 나눠 작성하던 타입을 한 번에 표현할 수 있게 되어 유지보수성이 크게 향상됐다.

React 19 Compiler를 프로젝트에 적용하면서 기존 useMemo, useCallback 패턴과의 차이를 정리했다. 자동 메모이제이션이 가져온 변화와 여전히 수동 최적화가 필요한 케이스를 정리한 기록.

React 19로 마이그레이션하면서 Compiler를 활성화하고 useActionState로 폼 처리를 개선했다. 메모이제이션 코드를 대폭 제거하고 서버 액션과의 통합을 간소화할 수 있었다.

TypeScript 5.5에서 타입 가드 함수의 반환 타입을 자동으로 추론하는 기능이 추가됐다. 기존에 명시적으로 작성하던 type predicate를 생략할 수 있게 되면서 코드가 간결해졌다.

TypeScript 5.8 로드맵에 포함된 패턴 매칭 제안을 검토했다. 실무에서 유용하게 쓸 수 있을지 판단하기 위해 기존 타입 가드 방식과 비교해봤다.