[React] client IP / userAgent 정보 받기

외부 라이브러리 사용 하여 클라이언트의 IP 정보를 가져 옵니다.

const [ ip , setIp ] = useState();

useEffect( () => {
    axios.get('https://geolocation-db.com/json/')
    .then((res) => {
      setIp(res.data.IPv4)
    })
  },[])

 

 

userAgent 정보는 MDN 기본 반찬인 navigator로 출력 가능합니다.

const userAgent = window.navigator.userAgent