728x90
반응형
브라우저에 접속한 사용자의 IP 주소를 확인하는 방법은 생각보다 간단하다.
하단의 사이트에서 그 기능을 지원해주는데, get 메소드로 쉽게 얻을 수 있다.
1. 먼저 axios 를 설치한다.
$npm i axios
2. 사용한다. ( hook 이나 함수 안에서 사용 )
const res = axios.get('https://geolocation-db.com/json/')
.then((res) => {
console.log("data : ", res)
})
3. 결과값을 확인해본다.
IP 주소 뿐만 아니라 국가와 도시까지 알 수 있다.
728x90
반응형
'Front-End > Next.js' 카테고리의 다른 글
Next.js | 아임포트 정기 결제(2) ( with TypeScript ) | 백엔드에서 토큰 인증받고 결제 요청하기 (0) | 2022.05.16 |
---|---|
Next.js | 아임포트 정기 결제(1) ( with TypeScript ) | 클라이언트에서 빌링키 받기 (0) | 2022.05.16 |
Next.js | 세션(express-session)과 토큰(jwt)을 사용한 중복 로그인 방지 ( 기존 사용자 로그아웃 여부 확인) (0) | 2022.03.07 |
Next.js | eslint plugin 설정하기 (0) | 2022.02.24 |
Next.js | Redux-toolkit in Next.js( typescript ) | createAsyncThunk 비동기 API 관리 (0) | 2022.02.22 |