Frontend

Next.js 13에서 정식 지원되기 시작한 React Server Components를 프로젝트에 도입하려 했으나, 생태계 성숙도와 마이그레이션 비용 문제로 보류하게 되었다. 실제 검토 과정에서 마주친 제약사항들을 정리한다.

Next.js 13 app 디렉토리를 프로덕션에 적용하기 위해 RSC를 학습했다. 기존 CSR 중심 사고방식에서 벗어나는 과정이 쉽지 않았지만, 번들 사이즈와 초기 로딩 속도 개선 효과는 확실했다.

TypeScript 5.1에서 개선된 undefined 반환 함수의 타입 체크를 업무에 적용하면서 겪은 경험을 정리했다. 기존에 암묵적으로 허용되던 패턴이 더 엄격해지면서 발생한 이슈와 해결 방법을 다룬다.

TypeScript 5.0으로 업그레이드하면서 레거시 decorator 문법을 표준 문법으로 마이그레이션했다. experimentalDecorators 플래그를 제거하는 과정에서 마주친 이슈들을 정리한다.

대량의 검색 결과를 렌더링하는 페이지에서 입력 지연 문제가 발생했다. React 18의 useDeferredValue를 적용해 입력 반응성을 개선한 과정을 정리했다.

Next.js 13에서 정식 지원하는 React Server Components를 팀 프로젝트에 도입할지 검토했다. 번들 사이즈 감소는 매력적이지만 아직은 시기상조라는 결론을 내렸다.

TypeScript 5.0 베타가 공개되었다. ECMAScript 표준을 따르는 데코레이터 구현과 const 타입 파라미터가 주요 변경사항이다. 프로젝트에 적용하기 전 주요 기능들을 미리 살펴봤다.

TypeScript 5.0 베타가 공개되면서 드디어 Decorator가 정식 스펙으로 지원된다. 그동안 experimentalDecorators 플래그로 사용하던 것을 이제 표준 문법으로 전환할 수 있게 됐다.

TypeScript 5.0 베타가 공개되었다. Decorator 정식 지원과 const type parameters 등 주요 변경사항을 살펴보고, 실제 프로젝트 적용 가능성을 검토했다.

대용량 리스트 필터링에서 입력 지연 문제를 겪었다. React 18의 useTransition을 적용해 사용자 입력은 즉각 반응하고, 무거운 렌더링은 뒤로 미뤄 UX를 개선했다.