21. (jquery/제이쿼리) api ipify org 오픈 api 사용해 접속한 외부 공인 ip 확인 실시

/* =========================== */

[ 개발 환경 설정 ]

​

개발 툴 : Edit++

개발 언어 : jquery

/* =========================== */

​

/* =========================== */

[소스 코드]

 

    <!-- Jquery CDN 로드 : 항상 최신 버전 사용 -->
    <script src="https://code.jquery.com/jquery-latest.min.js"></script>    



    <!-- 내부 JS 지정 -->
    <script>

    	/*
    	[JS 요약 설명]
    	1. window.onload : 웹 브라우저 로딩 완료 상태를 확인합니다
    	2. https://api.ipify.org?format=jsonp : 외부 공인 ip를 확인할 수 있습니다
    	*/


    	/* html 최초 로드 및 이벤트 상시 대기 실시 */
    	$(window).load(function(){
    		console.log("[window onload] : [start]");

    		//이벤트 함수 호출 실시    		
    		$(function() {
    			$.getJSON("https://api.ipify.org?format=jsonp&callback=?", function(json) {
    				console.log("");
    				console.log("[window onload] : [ip] : " + json.ip); 
    				console.log("");    		
    			});
    		});

    	});
    	
    </script>

/* =========================== */

​

/* =========================== */

[결과 출력]

​

/* =========================== */

​

/* =========================== */

[요약 설명]

​

/*

[JS 요약 설명]

1. window.onload : 웹 브라우저 로딩 완료 상태를 확인합니다

2. https://api.ipify.org?format=jsonp : 외부 공인 ip를 확인할 수 있습니다

*/

/* =========================== */

​