결 제 수단 변경 기능을 구현하며 마주쳤던 컴포넌트 인터페이스 문제를 어댑터 패턴으로 해결한 경험
서로 다른 인터페이스를 하나의 인터페이스로, 어댑터 패턴 실전 적용기
· 약 7분
결 제 수단 변경 기능을 구현하며 마주쳤던 컴포넌트 인터페이스 문제를 어댑터 패턴으로 해결한 경험
BFF, XHR, Service Worker, 그리고 IndexedDB까지 사용해본 이야기
Next.js App Router로 제품을 개발하며 고민거리였던 것은 페이지 이동이 느려 링크 클릭이 무반응처럼 보일 때가 있다는 것이었어요. 당연히 JS 크기를 줄이는 것이 Best practice겠지만, 이는 상황을 고려했을 때 쉽지 않은 방법이었어요.
그래서 어떻게 사용자에게 "페이지 이동 중"이라는 것을 알려줄지 고민하던 중, useTransition
으로 이를 해결한 방법을 공유합니다.