[리액트 렌더링] 저사양 환경에서 입력 지연이 발생하여 useTransition으로 상태 업데이트 우선순위를 조정하여 INP 17% 개선
useTransition을 활용하여 입력 지연을 개선한 경험을 소개한다.
최근 포스트
[리액트 렌더링] 불필요한 formState 참조로 인해 페이지 전체가 리렌더링되어 리액트 렌더링 최적화를 통해 스크립트 실행 시간 58% 개선
react-hook-form과 렌더링 최적화를 적용하며 스크립트 실행 시간을 개선한 경험을 소개한다.
[비동기] return vs return await
비동기 함수를 그냥 return하는 것과 return await하는 것의 차이에 대해 이해한다.
[React] 리스트 렌더링 시 key props가 꼭 필요한 이유
key props를 이해하며, key가 꼭 필요한 상황과 key가 없을 경우 발생하는 문제들을 이해한다.
[Next.js] Next 14 App Router에서 msw로 API mocking 하기
Nextjs에서 msw가 동작하는 원리를 이해하며, API를 모킹할 수 있다.