header-img
Info :
728x90

์ ‘์†์ž ip ๊ฐ€์ ธ์˜ค๊ธฐ

// ์™ธ๋ถ€ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ์‚ฌ์šฉ

const [ ip , setIp ] = useState();

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

 

์ ‘์†์ •๋ณด ๊ฐ€์ ธ์˜ค๊ธฐ (์ ‘์†์ž agent ์ •๋ณด)

const userAgent = window.navigator.userAgent

 

console.log ์ฐ์–ด์„œ ํ™•์ธํ•ด๋ณด๋ฉด ๊ฐ’ ์ž˜ ๋“ค์–ด์˜จ๋‹ค.

 

 

์ ‘์†์ž ์ •๋ณด ๊ฐ€์ง€๊ณ  ์žˆ๋‹ค๊ฐ€

- ์ผ์ • ip ๊ณ„์† ์ ‘์† ์‹œ๋„ํ•˜๋ฉด

- ์ ‘์† ์ฐจ๋‹จ ์‹œํ‚ค๋Š” ๋ฐฉ๋ฒ• ๊ตฌํ˜„ํ•  ๋•Œ ์‚ฌ์šฉํ•˜๋ฉด ๋ ๋“ฏ

728x90
๋”๋ณด๊ธฐ
FRONTEND/React