Frontend

TypeScript 5.3에서 정식 지원되기 시작한 Import Attributes를 프로젝트에 적용했다. 기존 assert 문법에서 with 문법으로 전환하면서 JSON 모듈 import의 타입 안전성을 개선한 과정을 정리했다.

TypeScript 5.3에서 도입된 Import Attributes 문법을 프로덕션에 적용하면서 Webpack과 Vite의 호환성 이슈를 겪었다. JSON 모듈 import 방식 변경으로 인한 번들러별 대응 방법을 정리했다.

Next.js 13의 App Router와 함께 등장한 React Server Components를 프로덕션 도입 관점에서 검토했다. 아직은 생태계가 성숙하지 않아 신중한 접근이 필요하다는 결론을 내렸다.

Next.js 13의 App Router와 React Server Components를 사이드 프로젝트에 적용해봤다. 기존 Pages Router와의 차이점과 마주친 문제들을 정리했다.

TypeScript 5.0에서 정식 지원되기 시작한 ECMAScript Stage 3 Decorator를 실무에 적용하며 겪은 경험을 정리했다. 기존 레거시 데코레이터와의 차이점과 마이그레이션 과정에서 마주친 문제들을 기록한다.

Next.js 13 App Router에서 Server Components를 실제 프로젝트에 적용해봤다. 클라이언트 번들 사이즈를 30% 줄이는 데 성공했지만, 러닝 커브와 제약사항도 만만치 않았다.

TypeScript 5.0에서 정식 지원되는 Decorator를 기존 NestJS 프로젝트에 적용하면서 겪은 마이그레이션 과정을 정리했다. experimentalDecorators 플래그를 제거하고 표준 스펙으로 전환하는 과정에서 발견한 breaking change들을 기록한다.

프로젝트에서 복잡한 로딩 상태 관리가 번거로워 React 18의 Suspense를 실제 데이터 페칭에 적용해봤다. TanStack Query와 조합하니 코드가 확실히 간결해졌다.

TypeScript 5.0에서 도입된 satisfies 연산자를 프로덕션에 적용하면서 겪은 사례를 정리했다. as 타입 단언의 위험성을 줄이고 타입 추론을 유지하는 방법을 알아본다.

Next.js 13 app directory를 프로덕션에 적용하면서 발생한 클라이언트 번들 사이즈 증가 문제를 분석했다. Server Component와 Client Component 경계를 재설정하여 해결한 과정을 기록한다.