JSON으로 내 IP 확인하기

웹 프로그래밍의 대세가 된 JSON(JavaScript Object Notation)은 기계와 인간 모두 읽고 쓰기 편한 훌륭한 텍스트 포맷입니다. HTML 화면을 싹 걷어내고, 오직 순수한 JSON 객체 통신만으로 본인의 공인 IP를 판독해내는 연동 샌드박스를 제공합니다.

U-Star IP REST API Guide

curl https://www.u-star.org/api/ip

실시간 API 응답 테스트 샌드박스

위의 버튼을 눌러 API가 리턴하는 JSON Response 데이터를 확인하세요.

이 페이지의 3줄 요약

1RESTful API 요청을 통해 쉼표와 괄호로 포장된 직관적 JSON 포맷의 IP 데이터 값을 얻는 방법입니다.
2웹 개발 프론트 스택에서 가동 가능한 비동기 Axios 및 Fetch API의 실전 구현 코드를 매칭했습니다.
3JSON 응답 속에 포함될 수 있는 위치, 국가 코드 등의 데이터 필드 확장 형식을 알아봅니다.

COUPANG ADVERTISEMENT

JSON IP 반환의 편리성

만약 IP 확인 사이트의 웹 페이지 전체 HTML 소스 코드를 크롤링해 와서 IP를 뜯어내려면 정규표현식을 돌리고 HTML 태그를 거르는 번잡한 가공 노력이 필요합니다. 반면 JSON 포맷 API를 쏘면 응답이 오직 `{ "ip": "1.2.3.4" }`와 같이 극단적으로 깔끔하게 오기 때문에 자바스크립트 오브젝트에서 `data.ip` 단 6글자 코딩만으로 사용자의 IP 정보를 오차 없이 즉시 사용할 수 있어 개발 소요 공수가 99% 단축됩니다.

Ajax / Fetch / Axios 를 활용한 실제 연동 예제 스니펫

**Modern JavaScript Fetch API 예시:** ```javascript async function getMyIp() { try { const response = await fetch('https://www.u-star.org/api/ip'); const data = await response.json(); console.log('당신의 공인 IP:', data.ip); } catch (error) { console.error('IP 로드 실패:', error); } } getMyIp(); ``` 위 코드를 복사하여 브라우저 개발자 도구(F12) 콘솔 창에 붙여넣고 엔터를 치면, 실시간으로 이 도메인의 백엔드 API 서버를 찔러 본인의 공인 IP 정보를 정밀하게 출력해 줍니다.

GOOGLE ADSENSE

자주 묻는 질문 (FAQ)

JSON API는 웹폰트, CSS 스타일시트, 화려한 UI 레이아웃 이미지 및 대형 리액트 번들 자바스크립트 로딩 과정을 모두 쌩까고 오직 수십 바이트짜리 텍스트 객체 데이터만 다이렉트 송수신하기 때문에, 물리적인 네트워크 통신 부하가 거의 제로에 가까워 광속 응답 피드백이 가능합니다.

`fetch('/api/ip').then(res => res.json()).then(data => console.log(data.ip))` 코드를 한 줄 사용하면 브라우저 콘솔 창에 즉각 접속자의 공인 IP가 출력됩니다.