[Next.js] Next 14 App Router에서 msw로 API mocking 하기
Nextjs에서 msw가 동작하는 원리를 이해하며, API를 모킹할 수 있다.
발생한 문제 상황과 해결 방법 공유
[Worker] Web Worker를 활용하여 탭 전환 시 발생하는 타이머 오차 개선하기
문제 상황을 이해하며, Web Worker의 필요성을 이해할 수 있다.
Suspense와 ErrorBoundary로 관심사를 분리하여 컴포넌트 복잡도 개선하기
Suspense와 ErrorBoundary를 활용해 관심사를 분리하여 컴포넌트 복잡도를 낮추고, Suspense 동작 원리를 직접 만들면서 이해한다.
[에러 핸들링] 에러 처리 공통 로직 분리
tanstack-query 를 활용하여 에러 처리 공통 로직을 분리하고, 이때 생긴 문제 상황과 해결 방법을 공유한다.
[모바일] IOS 가상 키보드 버그 개선
땅콩 서비스를 개발하면서 IOS 환경에서만 가상 키보드 위로 버튼이 올라오지 않는 문제를 해결하였다.
[브라우저 렌더링] 애니메이션 최적화를 통해 브라우저 렌더링 시간 94% 개선
구형 모바일 환경에서 frame drop이 발생하여 애니메이션이 끊기는 현상을 애니메이션 최적화를 통해 브라우저 렌더링 시간 94%를 개선하였다.
[브라우저 렌더링] 모바일 환경에서 발생하는 비정상적인 애니메이션 동작 해결
모바일 환경에서 발생하는 비정상적인 애니메이션 동작에 대한 문제 상황과 해결 방법에 대해 소개한다.