자바스크립트로 위치정보 알아내기

jquery

jquery.com

jquery을 소개합니다. jquery는 자바스크립트를 편리하게 사용할수 있도록 만들어진 라이브러리 입니다. jquery의 장점은 가장 많이 사용되는 자바스크립트 라이브러리 중 하나 라는 것입니다. 다이나믹한 웹페이지를 제작하기 위해 자바스크립트는 필수 입니다. 물론 CSS나 플래시 등을 통해서 구현 가능하지만 기본적으로 다이나믹한 웹페이지를 위해서는 자바스크립트를 사용합니다. 그러나 만들순 있지만 쉽게 구현하기는 어렵습니다. 그래서 쉽게 만들수 있도록 jquery를 사용합니다. 사용이 간편하고 효과가 좋아 아주 많은 사람들이 사용하고 있습니다. 사람들이 많이 사용하는 것은 그만한 이유가 있습니다. 저 역시 jquery를 많이 사용합니다. 해당 사이트에서는 사용할수 있는 방법 api가 제공되고 https://api.jquery.com 이미 만들어진 plugin도 존재하여 더욱 쉬운 사용을 도와줍니다. https://plugins.jquery.com 메뉴구성은 Dowload, API Documentation, Blog, Plugins, Browser Support등으로 구성되어 있어 다양한 서비스를 이용할 수 있습니다 jquery는 홈페이지뿐 아니라 트위터등의 채널을 통해 고객들과 더 많이 소통하려 노력하고 있습니다. 자세한 정보를 원하신다면 https://jquery.com 주소를 참고 하시면 더많은 정보를 확인 하실 수 있습니다.

ip-api

ip-api.com

ip-api 는 아이피 주소를 실재 위치 정보(주소)를 알려주는 사이트 입니다 아이피 주소로 검색해 위치 정보를 파악할수 있지만 해당 사이트의 장점은 api를 제공해 위치정보를 자신의 입맞에 가공해 재사용할수 있다는 장점이 있습니다 http://ip-api.com/xml/123.123.123.123 이렇게 뒤에 아이피 주소를 입력하면 xml문서로 반환해줍니다 ip관련 개발을 위해서 아주 유용합니다 해당사이트는 영문이여서 주소지가 영문으로 나오는 불편함은 있습니다

아이피 위치확인

mylocation.co.kr

mylocation.co.kr은 IP 주소를 입력하면 해당 IP의 대략적인 국내 위치 정보를 보여주는 IP 위치추적 사이트입니다. 조회할 IP만 넣으면 결과를 확인할 수 있어 사용법이 간단합니다. 위치 조회 외에도 도메인으로 IP 주소를, IP로 호스트명을 찾는 기능, IP나 도메인의 응답 속도 확인, 해당 IP가 ISP·호스팅·데이터센터 중 어디에 속하는지 확인하는 기능을 제공합니다. 위치 정보는 법적 효력이 없고 정확성을 보장하지 않아 참고용으로만 쓰라고 안내합니다. 접속 기록의 IP 출처나 서버 위치를 가볍게 확인해 보려는 사람에게 유용합니다.

게시글

자바스크립트 object 관려 내용을 json 형식으로 확인하는 방법

res 가 object 인경우 alert(JSON.stringify(res)) document.write(JSON.stringify(res)) php 의 var_dump() 함수와 비슷하다고 생각하면된다

웹상에서 화면 캡쳐하는 플러그인

html2canvas.hertzen.com

포토샵과 같은 응용프로그램으로 화면을 캡쳐하는것이아닌 웹상에서 웹화면을 캡쳐하는 방법입니다 자바스크립트를 활용한 방법이기 때문에 브라우저 내부화면만 캡쳐가능한 단점은 있지만 웹상에서 캡쳐하여 이미지로 저장할수있다는 점은 활용도가 아주 높은 기술입니다 이미지 편집할때 화면 합성과 같은 곳에 아주 유용하게 사용할수 있습니다

게시글

페이지 뷰에서 확대 축소할때 확대되거나 축소된 크기를 반환하는 이벤트

브라우저에서 뷰를 확대하거나 축소했을때 해당 크기의 비율을 가져오고 싶을때 사용한다 뷰의 비율을 알아내기 위해서는 window.devicePixelRatio 를 사용하는데 모든 브라우저에서 적용되진 않는다

게시글

부모창에서 자식창(iframe)에 변수,함수 접근하는 방법

자식창에 선언해 놓은 함수나 변수를 접근할수 있다 $('#iframe').get(0).contentWindow.변수명; $('#iframe')[0].contentWindow.변수명; $('#iframe').get(0).contentWindow.함수명; $('#iframe')[0].contentWindow.함수명; 자식창에 id,함수를 접근하는 방법이다 $('#iframe')[0].contentWindow.$('#_parent').height();//높이 100을 가져올수 있다 $('#iframe')[0].contentWindow.js_parent();//함수를 실행할수 있다​

게시글

팝업창 옆에 팝업창 띄우기

팝업창을 띄울때 top,left는 고정되는데 상대적인 위치에 팝업창을 띄우고자 할때 사용하는 방법 var nWidth = "260"; var nHeight = "430"; // 듀얼 모니터인경우 var curX = window.screenLeft; var curY = window.screenTop; var curWidth = document.body.clientWidth; var curHeight = document.body.clientHeight; var nLeft = curX + (curWidth / 2) - (nWidth / 2); var nTop = curY + (curHeight / 2) - (nHeight / 2); var strOption = ""; strOption += "left=" + nLeft + "px,"; strOption += "top=" + nTop + "px,"; strOption += "width=" + nWidth + "px,"; strOption += "height=" + nHeight + "px,"; strOption += "toolbar=no,menubar=no,location=no,"; strOption += "resizable=yes,status=yes"; window.open(src, '', strOption);