Frontend

TypeScript 5.2에서 추가된 using 선언을 프로젝트에 적용해봤다. 파일 핸들이나 DB 커넥션 같은 리소스 정리 로직을 명시적으로 관리할 수 있어 실수를 줄일 수 있었다.

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

TypeScript 5.2에서 추가된 satisfies 연산자를 프로덕션에 적용했다. as 단언의 위험성을 줄이면서도 타입 추론을 유지할 수 있어 유용했다.

Next.js 13 App Router를 실험하던 중 Server Components와 Client Components의 경계에서 발생한 문제들을 정리했다. 기존 React 패턴과의 차이가 생각보다 컸다.

Next.js 13 app directory를 실험해보며 React Server Components의 실제 적용 가능성을 검토했다. 기존 아키텍처와의 충돌 지점과 마이그레이션 비용을 정리했다.

검색 필터링 기능에서 입력 지연 문제가 발생해 useTransition을 적용했다. startTransition으로 비긴급 업데이트를 분리하니 입력 반응성이 눈에 띄게 개선되었다.

Next.js 13의 app directory를 실험적으로 적용해보면서 React Server Components의 개념을 파악했다. 아직 프로덕션 적용은 이르다고 판단했지만, 앞으로의 방향성은 충분히 이해할 수 있었다.

TypeScript 5.0에서 추가된 satisfies 연산자를 프로젝트에 적용했다. as 캐스팅과 달리 타입 추론을 유지하면서도 제약을 검증할 수 있어 유용했다.

Next.js 13에서 안정화된 App Router와 React Server Components를 실제 프로젝트에 적용하면서 겪은 시행착오를 정리했다. 기존 Pages Router와의 차이점과 마이그레이션 전략을 기록한다.

React 18의 Concurrent Rendering을 프로덕션에 적용하면서 겪은 시행착오를 정리했다. useTransition과 useDeferredValue를 활용해 검색 UI의 체감 성능을 개선한 과정을 기록한다.