Ajax
Naver 로그인..
키 발급받아서 메모장에 복사해놔..
지도받아와서 뿌려보기 할 거야..
Ajax
Web2.0 사용자 개인개인의 성향대로 페이지뷰도 해주면서 좀 더 인터렉티브하게 동작하는것.
사회학적으로 는 semantic web이라고 하고,
프로그래머들은 RIA(Rich Internet Applicaiton)이라는 개념으로 생각하지. 즉 클라이언트에서 웹에서도 일반어플리케이션처럼 나오게 하는 것.
이런 것을 구축하기 위해 필요한 기술 중
화면을 reflesh되지 않고 데이터를 받아오는 기술이 필요해..
기존에도 explorer가 처음 나왔을 때부터 XMLHttpRequest클래스가 내장되어 있었어. 안 쓰고 있다가 2003년도쯤 모 디자이너가(개발자도 아니고) XMLHttpRequest를 써서 화면을 움직이지 않고 데이터를 전송하는 기술을 Ajax((Asynchronous JavaScript & XML)라고 명명을 했어. Ajax가 뭐 큰게 아니라 XMLHttpRequest클래스를 이용하는것 뿐이야. 비동기적으로 JavaScript와 XML를 이용한 통신을 하겠다는거지.
이걸 어디다 써야 될지 몰라서 안 쓰고 있다가 2000년대 중후반 구글에서 이 기술을 이용해 Google Map을 내놨지. 그 때부터 막 쓰기 시작했지.
또 다른 사용예 ‘검색어에 대한 추천단어 서비스’
.
.
.
.
.
네이버의 지도를 한번 사용해서 기본원리를 보자.
WebContent밑에 ajaxtest01이라는 폴더를 만들고 HTML file을 하나 만들어(naverapi.html)
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<script
type="text/javascript"
src="http://map.naver.com/js/naverMap.naver?key=bda5e30000009613e3">
</script>
<div id="mapDiv"></div>
<script >
var naver_map = new NMap(document.getElementById('mapDiv'),800,600);
naver_map.setCenterAndZoom(new NPoint(317468, 544859),2);
</script>
</body>
</html>
위도,경도 좌표 가져오는 방법
Naver개발자 센터 –> 지도API-> 클래스 참조
요청URL선택
샘플URL을 복사해 자기가 받은 key값을 넣고 주소를 보내면 위도,경도 좌표를 xml형태로 보여줘.
naverapi.html 실행해보면 네이버 지도가 뜨지..
지도를 드로그앤드롭하면 그 순간 옆에 있는 데이터를 받아오지.
'Java, Spring > 14일' 카테고리의 다른 글
| 14일차 4 - Spring, STS(SpringSouce Tool Suite) Download (0) | 2012.09.20 |
|---|---|
| 14일차 6 - Ajax test2 (0) | 2012.09.20 |
| 14일차 7 - Ajax test 계속 (0) | 2012.09.20 |
