Frontend

대용량 리스트 필터링에서 입력 지연 문제를 겪었다. React 18의 useTransition을 도입해 우선순위 기반 렌더링으로 해결한 과정을 기록한다.

TypeScript 5.0 베타가 공개되었다. Decorator 표준화, const type parameter, enum 성능 개선 등 실무에 영향을 줄 변경사항들을 정리했다.

프로젝트를 React 18로 업그레이드하며 Concurrent 렌더링을 도입했다. useTransition과 useDeferredValue를 실제 업무에 적용한 경험을 정리했다.

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

TypeScript 5.0 베타가 공개되었다. 데코레이터 표준화와 enum 개선사항을 중심으로 실무에 영향을 줄 만한 변경사항을 정리했다.

TypeScript 5.0 베타가 공개되었다. 그 중 satisfies 연산자는 타입 안정성을 유지하면서도 정확한 타입 추론이 가능하게 해준다. 실제 프로젝트에 적용하면서 겪은 케이스를 정리했다.

TypeScript 5.0 베타에 포함된 satisfies 연산자를 프로젝트에 적용해봤다. 타입 안정성을 유지하면서도 타입 추론을 보존할 수 있어 유용했다.

검색 결과 3000개 렌더링 시 입력 지연 문제를 useTransition으로 해결했다. startTransition으로 업데이트 우선순위를 조정해 UX를 개선한 과정을 정리한다.

프로젝트에 React 18을 적용하면서 Concurrent Rendering으로 인해 발생한 예상치 못한 사이드 이펙트들을 정리했다. useEffect 이중 실행과 외부 라이브러리 호환성 문제가 주요 이슈였다.

TypeScript 4.9에서 추가된 satisfies 연산자를 실무에 적용해봤다. as const와의 조합으로 타입 추론과 안정성을 동시에 확보할 수 있었다.