네이버 지도 api 와 구글맵의 위성사진을 조합해 보았습니다.
네이버와 구글간의 좌표 변환은 http://advance.sarang.net/~aero/map/ 에서 도움을 받았습니다.
좋은 변환프로그램을 제공해 주셔서 감사합니다.

주소로 좌표를 찾는것도 구현을 하고 싶었지만 javascript로 파싱할 경우 타 도메인간의 데이타 엑서스 위반으로 IE에서는 보안 경고창이 뜹니다. 그리고 FF에서는 허용 자체를 하지 않습니다. 그래서 이번 버전은 두 API의 좌표 및 zoom 변환에 만족 하겠습니다. ^^;






Posted by routine

Javascript Libary

2007.04.10 09:47 Programming
Prototype.js -

아주 유명한 javascript framework입니다. 많은 javascript libary가 prototype.js를 기반으로 작성 되고 있습니다.
꼭 한번 공부해 보시기 바랍니다.
공식 사이트는 http://www.prototypejs.org 입니다. 현재 1.5 RC1 버전까지 나온 상태입니다.
prototype를 위한 개발자 노트 : http://openframework.or.kr/framework_reference/prototype_js/1.4.0/prototype.js.html
Quick guide to somewhat advanced JavaScript :
http://openframework.or.kr/framework_reference/prototype_js/
Quick_guide_to_somewhat_advanced_JavaScript.html

Scriptaculous -

prototype.js를 확장하여 여러가지 이펙트를 줄 수 있습니다. 구글 개인화 페이지 처럼 레이어 이동 효과를 주는데 단 세줄의 javascript 코딩으로 끝납니다.
공식사이트 : http://script.aculo.us/
이곳에서 다운 받은 후 압축을 푸셔서 /test/run_functional_tests.html 를 실행시켜 보세요. 정말 맘에 드는 이펙트 들이 많습니다.
animation framework,, drag and drop, Ajax controls, DOM utilites, unit testing 으로 구성되어 있습니다.
prototype.js 가 필요합니다.


Moodtools -

클로스 브라우징을 지원하는 작지만 강력한 자바스크립트 프레임웍입니다.
기존의 moo시리즈를 하나로 통합 하였습니다.
사이트의 이펙트들이 인상적입니다.
공식사이트 :  http://mootools.net/
prototype.js를 포함하고 있어서 따로 받지 않아도 됩니다. 또한 압축으로도 다운 받을 수 있어 용량이 크게 줄어 듭니다.


기타 이펙트

Taming the Fisheye 아주 재미있는 이펙트 입니다. 맥의 X Dock 처럼 아이콘의 움직임을 줄 수 있습니다.
사이트 : http://blogs.nitobi.com/alexei/?p=37 에서 확인해 보세요. 아주 기발 하네요 ^^ 

LivePipe prototype.js 를 확장한 또 하나의 프로젝트 입니다. Event.Behavior, Control.Tabs, Control.Modal, Prototype.Tidbits 로 구성되어 있습니다.
사이트 :  http://livepipe.net/projects/ 자바스크립트의 한계가 어디인지 궁금하네요 ^^

Posted by routine