|  | |
|
난이도 : 중급 Tyler Anderson, 자유기고가 겸 개발자, Backstop Media
2008 년 4 월 22 일 딜리셔스(del.icios.us)는 사용자가 브라우저에 독립적으로 북마크를 생성하고 공유할 수 있도록 하는 소셜 북마킹 웹 사이트로서 인터넷을 통해 직접 접근할 수 있는데 이는 브라우저가 허용치 않았던 방식이라 할 수 있습니다. 사용자들은 북마크와 북마크에 대해 개별적으로 기술한 태그를 각각 연결지을 수 있도록 전통적인 브라우저 북마크의 계층적 구조는 바뀌었습니다. 여러분과 친구들이 함께 웹 서핑을 할 수 있고 딜리셔스 태그, 링크, 기능을 간편하게 해줄 수 있는 페이지 혹은 직접 딜리셔스 계정으로 브라우징해 들어가 사이트를 저장하고 또한 주석과 태그를 달 수 있는 페이지를 상상해 보세요. 이 튜토리얼에서는 서버 측 프록시로서 PHP 스크립트를 사용해 이러한 페이지를 만들어내기 위해 어떻게 Ajax를 사용할 수 있을지 다룰 것입니다.
시작하기 전에
이 튜토리얼은 Ajax 애플리케이션에서 웹 API에 액세스하여 XML을 파싱함으로써 Ajax 페이지를 좀더 멋지게 디자인할 수 있는 자신만의 개발 능력을 증진시키고 싶어하는 Ajax 개발자들에게 추천한다. 좀더 구체적으로 말하면, 개발자들은 딜리셔스 계정에 연결된 링크와 태그를 관리하기 위해 딜리셔스 웹 API에 액세스하게 될 것이다.
이 튜토리얼에 관해
이 튜토리얼에서는 Ajax와 PHP 프록시 스크립트를 사용해 딜리셔스 웹 API에 어떻게 액세스하는지 보인다. 이를 위해 시험삼아 해리 포터 북 클럽 홈페이지라는 "슈퍼 페이지"를 만들어 모든 걸 해볼 것이다. 이 페이지를 인터넷에서 이용할 수 있도록 하여 북 클럽에 신규 회원들이 가입할만한 매력을 느낄 수 있도록 해볼 것이다(뭐 그런 게 아니라면 이것저것 다 제쳐두고 등록한 사람만 이용할 수 있도록 하여 클럽에 누가 링크를 추가하는지 직접 관리하고 싶어할 수도 있을 것 같지만). 딜리셔스 API를 이용하면 북마크를 관리하기 위해 딜리셔스를 헤집고 다닌다거나 혹은 브라우저에서 버튼을 클릭하지 않고도 사용자들(여러분 자신이나 북 클럽 회원들)이 태그와 북마크를 클럽의 딜리셔스 계정에서 직접 관리할 수 있도록 하는 맞춤형 애플리케이션을 개발자들이 만들어 낼 수 있도록 해준다.
이 튜토리얼을 통해 여러분은 다음과 같은 일을 하는 데 도움을 얻을 수 있다.
- 딜리셔스 방식이 무엇인지 배운다.
- 다양한 API가 있음을 배우고 이를 어떻게 테스트할지 배운다.
- Ajax와는 절친하다고 할 수 있는
div 태그를 여럿 써서 테이블을 쓰지 않는 웹 페이지 형식의 슈퍼 페이지를 디자인한다.
- 딜리셔스 API 호출을 다루고 웹 서핑을 할 수 있도록 PHP를 사용하는 서버 측 프록시를 개발한다.
- 딜리셔스 API 호출에 대한 응답으로 반환된 XML을 파싱하고, 파싱된 데이터를
div 태그를 써서 HTML로 편집한다.
- 여러분이 작성하게 될 슈퍼 페이지에서는 다음과 같은 딜리셔스 API를 구현한다.
- tags/get --딜리셔스 계정에서 태그를 가져옴
- tags/rename --태그 이름을 변경함
- posts/add --딜리셔스 계정에 직접 새로운 북마크를 추가함
- posts/get --선택한 태그와 연관된 북마크를 계정에서 가져옴
- posts/delete --계정에서 기존 북마크를 삭제함
여기서 다루는 API의 모든 기능을 써서 북 클럽 회원들은 여러분이 생성한 맞춤형 웹 페이지에 액세스할 수 있고, 이와 동시에 클럽의 딜리셔스 계정에 북마크와 태그를 추가할 수 있다.
먼저 필요한 것들
텍스트 편집기와 브라우저뿐만 아니라 프록시 용도로 쓸 PHP와 웹 서버도 필요하다.
-
PHP -- 프록시를 PHP로 구현할 것이다. 어떤 버전이든 상관없다.
-
Apache2 -- 아파치2 HTTP 서버를 추천한다.
윈도(Windows®)에서 아파치2, PHP뿐 아니라 MySQL(이 튜토리얼에서는 필요없다)을 쉽게 설치하려면 WampServer 최근 릴리스를 참고하기 바란다.
| |
|
