JavaScript IP 확인하기 (샘플 코드)

아이피 API 무료 서비스를 활용하면 순수한 JavaScript 코드 몇 줄만 작성해도 사용자(클라이언트)의 IP 주소를 확인할 수 있습니다.

IP 주소는 웹 페이지별 권한 확인(접속 제어), 방문자 분석(마케팅)에 사용될 수 있습니다. 우선 접속자의 IP 주소를 확인하려면 서버가 필요하지만 서버 없이 간편하게 구현할 수 있는 코드를 소개합니다. 추가로 window 객체 정보를 확인하는 코드도 있습니다. IP 주소와 더불어 window 객체 정보 또한 웹 애플리케이션 개발에 있어 유용하게 사용되는 사용자 정보에 속합니다. 그럼 본문의 내용을 확인하세요. (참고로 이 글에서는 접속자·사용자·클라이언트 모두 같은 대상을 가리키고 있습니다.)

 

목차

• IP 주소를 가져오기
• (추가) window 객체 정보를 확인

IP 주소를 가져오기

[샘플 코드]

[코드 설명]

위 코드에서 사용한 아이피 API에 대한 정보는 여기(https://ipinfo.io/missingauth)에서 확인하세요. 굳이 가입하여 계정을 만들지 않아도 사용할 수 있다는 점과 직접 사용해보니 결과값이 정확하고 개인적으로 괜찮은 서비스라고 생각했습니다. 서버 없이 빠르고 간단하게 구현할 경우에는 활용 가치가 있다고 봅니다.

[실행 결과]

이 컴퓨터의 IP 주소:

(추가) window 객체 정보를 확인

[샘플 코드]

[코드 설명]

자주 사용되는 것만 골라내었습니다. 그 중에서 사용자 에이전트(userAgent)는 접속한 사용자의 컴퓨터 운영체제와 웹 브라우저에 대한 정보를 담고 있는데, 이 정보로 사용자의 사용 환경에 최적화된 콘텐츠를 올바르게 제공할 수 있습니다.

JavaScript에서 최상위 객체인 window 객체는 생략할 수 있습니다.

예) window.location.href → location.href

[실행 결과]

현재 페이지의 URL:

바로 전 페이지의 URI:

사용자의 에이전트:

사용자의 언어:

웹 브라우저 창의 폭(너비):

웹 브라우저 창의 높이: