개발 공부/React
[nextJS]일정 시간 이상 걸리는 페이지 이동만 로딩 처리
❗문제상황 프로젝트에서 페이지 이동 시 로딩 스피너로 로딩처리를 해주었다. 하지만 로딩이 오래걸리지 않는 경우에는 로딩스피너가 잠깐 보였다가 없어지면서 깜빡이는 것 같은 느낌을 주고 실제로 로딩 시간이 길지 않았음에도 사용자에게 로딩이 있었다라는 인식을 주는 것이 좋지 않다고 생각했다. 따라서 특정 시간 이상 로딩이 걸리는 경우에만 보여주기로 결정하였다. ⌛라우터 로딩 적용하기 먼저 페이지 이동 로딩은 라우터 이벤트를 사용하여 적용해줄 수 있다. import Router from 'next/router'; import { useEffect, useState } from 'react'; export const useRouterLoading = () => { const [nowLoading, setNowLo..
