crossbrowsing -react

회사 홈페이지에서 모바일 페이지를 따로 만들고, pc용 페이지를 따로 만들었다.

그래서 이걸 적용을 어떻게 할까 했는데 생각보다 간단했다.

react-device-detect 라이브러리를 사용하면 간단했다.

...
import { isMobile } from 'react-device-detect';
...

 useEffect(()=>{
    if(isMobile) {
      window.location.replace(`${process.env.NEXT_PUBLIC_MOBILE_URI}`)
    }
  })
..

이렇게하면 내가 원하는 페이지로 자동으로 이동이 된다.