사용자 삽입 이미지


최근 인터넷에서 가장 많이 보이는 숫자는 2.0입니다. 웹2.0이 나오면서 웹을 통해서 제공되고 있던 서비스들마다 2.0이라는 버전을 달고 서비스 중입니다. 그러한 서비스들의 또 다른 특징이라고 하면 모두 beta 딱지를 계속해서 붙여둔다는 점입니다. 웹2.0은 기존의 웹과는 조금은 다른 특징을 보이는 웹을 말합니다. 어떠한 특징들이 있을까요?

플랫폼으로서의 웹, 데이터에 대한 데이터(메타데이터), 영원한 베타(지속적인 실험과 개선), 참여구조를 이용한 네트워크 효과, 다양한 플랫폼을 통합적으로 지원, 롱 테일 효과 등이 있습니다. 앞으로 알아볼 Open API도 웹2.0이라는 개념이 나오면서 생긴 트렌드라고 할 수 있습니다. 이는 플랫폼으로서의 웹을 나타냅니다. API는 Application Programming Interface로 기존에는 데스크탑 환경에서 사용하는 프레임워크에 공개된 API에 필요한 데이터를 넣으면 원하는 정보를 얻을 수 있는 형태로 프로그래밍을 할 수 있는 개념을 말합니다. Open API는 말 그대로 공개된 API로서 기존의 웹서비스에서 제공하는 데이터를 이용할 수 있는 API를 의미합니다.

웹에서 Mashup이라고 하면 이러한 Open API를 이용해서 하나의 서비스를 만들어내는 것을 말합니다. 그렇다면 이러한 Open API는 어떻게 이용할 수 있을까요? 보통 Open API를 제공하는 사이트에서는 Open API만을 위한 페이지를 따로 가지고 있습니다. 기본적인 문서부터 Open API의 종류를 찾아볼 수 있도록 되어있습니다. 여기에서 Open API를 사용하기 위해서는 보통 사용자 인증 Key를 받아야 합니다. 이 Key를 이용해서 API를 사용할 수 있습니다. 데이터를 이용해서 API를 이용하게 되면 그 결과를 RSS나 XML, JSON과 같은 XML 기반의 파일을 받아서 작업을 할 수 있습니다. 간단하게 그림을 통해서 구조를 보면 다음과 같습니다.

사용자 삽입 이미지


그렇다면 Open API는 어디에서 제공하고 있을까요? 우리가 자주 사용하는 사이트들에서 대부분 제공하고 있습니다. 그 종류는 사이트마다 조금씩 다르지만 점차 확대되고 있는 추세입니다. 네이버와 같은 경우에는 기본적으로 블로그, 카페, 쇼핑, 책 검색을 비롯해서 지도까지 제공하고 있습니다. 구글의 경우에도 이와 비슷하게 제공하고 있으며 이러한 포털사이트 이외에도 블로그 사이트들에서도 기본적으로 Open API를 제공하고 있습니다. 따라서, Live Writer와 같이 외부 프로그램을 통해서 블로그에 글을 쓸 수 있습니다.

Open API가 무엇인지는 대충 알겠는데 왜 쓰는지 모르겠다고요? Open API는 말 그대로 열린 서비스입니다. 이것을 이용하여 할 수 있는 일은 끝이 없습니다. 이미 좋은 아이디어들로 만들어진 Mashup 사이트들도 상당히 많이 있습니다. 외국의 경우에는 지도서비스와 부동산서비스를 합쳐서 인터넷으로 부동산 사이트을 만들기도 했습니다. 우리나라의 경우에는 미친토끼라는 사이트가 있습니다. 약속장소를 정하기 위한 서비스로 지도 API를 통해서 위치를 선택하고 약속시간과 함께 메세지로 전송하여 약속을 정할 수 있습니다.

아직까지 Open API를 지원하는 국내 사이트가 많지 않고 개발자 입장에서도 Open API를 많이 이용하고 있는 편은 아니지만 꾸준히 그 활용범위가 늘어날 것이라고 생각합니다. 이는 다음과 네이버에서 주최하는 매쉬업 경진대회를 통해서도 알 수 있습니다. 꾸준한 Open API 발전을 위해서 경진대회를 통해서 아이디어를 구현하도록 하고 있습니다. Open API로 펼치는 나만의 웹2.0 세상!! 신나지 않나요?

'Web(웹) Study > OpenAPI' 카테고리의 다른 글

국내외 오픈 API  (0) 2008.09.02
MapAPI (네이버맵,야후맵,구글맵)  (0) 2008.07.09

- Install files & The Code


지도 HTC 서비스를 위해서는 몇가지 파일이 필요합니다.
     1. [ bindings.xml ]- FireFox 용 HTC binding file
     2. [ moz-behaviors.xml ] - FireFox 용 HTC behaviors
     3. [ rainmap.htc ] - 레인맵 HTC 파일
     4. 당 서비스는 비상업용 사이트에서는 이용가능하나 상업용 사이트는 사용을 불허합니다.


Create HTC Style

<style>

.rainmap {

    behavior: url(/HTCCSS/rainmap.htc); /* for IE */

    -moz-binding: url(/HTCCSS/bindings.xml#rainmap.htc); /* for FireFox */

}

</style>


- Yahoo Map


야후 맵을 가져오기
     . 장점 : 검색정보가 아주 좋음, 위성 지도가 지원됨(성능은 별로)
     . 단점 : 위성 지도가 별로 선명 하지 않음, 지도 색상이 좋음(내생각)


사용자 삽입 이미지

 
Create HTML Code

    <div class="rainmap">

<m_type data='Y' ></m_type>

<m_zoom data='15' ></m_zoom>

<m_view data='1' ></m_view>

</div>


- Google Map


구글 맵을 가져오기

     . 장점 : 위성 사진이 선명함
     . 단점 : 한국 지도가 거의 사용이 불가함(쓸모가 없음)


사용자 삽입 이미지

 
Create HTML Code

<div class="rainmap">

<m_type data='G' ></m_type>

<m_zoom data='15' ></m_zoom>

<m_view data='1' ></m_view>

</div>


- Naver Map


네이버 맵을 가져오기
     . 장점 : 도로 정보가 좋음
     . 단점 : 위성 지도가 없음. 한국 지도만 지원됨


사용자 삽입 이미지

 
Create HTML Code

    <div class="rainmap">

        <m_type data='N' ></m_type>

        <m_zoom data='15' ></m_zoom>

        <m_view data='1' ></m_view>

    </div>



- Code Explain


기본 태그의 사용 규칙은 다음과 같습니다.
     . 구조 : <tag data='value' ></tag>
     . 주의 : <tag data='value' /> // 이런 방식은 FireFox 에서 안됨    



Create HTML Code

<div class="rainmap" style="width:500px;height:300px" > // 지도의 크기 지정

<m_type data='N' ></m_type> // 지도 API 서비스 회사 (N: 네이버, G : 구글, Y : 야후)

<m_zoom data='15' ></m_zoom> // 확대 레벨 (1 - 20)

<m_view data='1' ></m_view> // 0 : 지도, 1 : 위성지도, 2, 하이브리드 지도

<m_lat data='375559080' ></m_lat> // 위도 37.5559080 X 10000000

<m_lon data='1269706150' ></m_lon> // 경도 126.9706150 X 10000000

</div>

rainhtcMAP_API.zip

'Web(웹) Study > OpenAPI' 카테고리의 다른 글

OpenAPI 라는 것은...?  (0) 2008.09.02
국내외 오픈 API  (0) 2008.09.02

+ Recent posts

티스토리툴바