react 에서 모바일 웹인지 확인하는 방법

네비게이터에서 확인하는 방법.

useEffect(() => {
  const isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
  if (isMobile) {
    // mobile
    setMobile(true);
  } else {
    // desktop
    setMobile(false);
  }
}, []);

window 객체로 확인하는 방법 (next 에서는 window 가 없을 때만 예외 처리를 해준다.)

모바일과 데스크탑을 나타내는 임의의 경계를 768px로 설정해 주었다.

if (typeof window !== "undefined") {
  if (window.innerWidth > 768) {
    // desktop
  }