Ajax와 딜리셔스(del.icio.us)로 자신만의 정보 공간을 만들자

난이도 : 중급

Tyler Anderson (tyleranderson5@yahoo.com), 자유기고가 겸 개발자, Backstop Media

2008 년 4 월 22 일

	튜토리얼 보러가기

딜리셔스(del.icios.us)는 사용자가 브라우저에 독립적으로 북마크를 생성하고 공유할 수 있도록 하는 소셜 북마킹 웹 사이트로서 인터넷을 통해 직접 접근할 수 있는데 이는 브라우저가 허용치 않았던 방식이라 할 수 있습니다. 사용자들은 북마크와 북마크에 대해 개별적으로 기술한 태그를 각각 연결지을 수 있도록 전통적인 브라우저 북마크의 계층적 구조는 바뀌었습니다. 여러분과 친구들이 함께 웹 서핑을 할 수 있고 딜리셔스 태그, 링크, 기능을 간편하게 해줄 수 있는 페이지 혹은 직접 딜리셔스 계정으로 브라우징해 들어가 사이트를 저장하고 또한 주석과 태그를 달 수 있는 페이지를 상상해 보세요. 이 튜토리얼에서는 서버 측 프록시로서 PHP 스크립트를 사용해 이러한 페이지를 만들어내기 위해 어떻게 Ajax를 사용할 수 있을지 다룰 것입니다.

이 튜토리얼 내에서

이 튜토리얼에서는 Ajax와 PHP 프록시 스크립트를 사용해 딜리셔스 웹 API에 어떻게 액세스하는지 보인다. 이를 위해 시험삼아 해리 포터 북 클럽 홈페이지라는 "슈퍼 페이지"를 만들어 모든 걸 해볼 것이다. 이 페이지를 인터넷에서 이용할 수 있도록 하여 북 클럽에 신규 회원들이 가입할만한 매력을 느낄 수 있도록 해볼 것이다(뭐 그런 게 아니라면 이것저것 다 제쳐두고 등록한 사람만 이용할 수 있도록 하여 클럽에 누가 링크를 추가하는지 직접 관리하고 싶어할 수도 있을 것 같지만). 딜리셔스 API를 이용하면 북마크를 관리하기 위해 딜리셔스를 헤집고 다닌다거나 혹은 브라우저에서 버튼을 클릭하지 않고도 사용자들(여러분 자신이나 북 클럽 회원들)이 태그와 북마크를 클럽의 딜리셔스 계정에서 직접 관리할 수 있도록 하는 맞춤형 애플리케이션을 개발자들이 만들어 낼 수 있도록 해준다.

목표

• 딜리셔스 방식이 무엇인지 배운다.
  
  
• 다양한 API가 있음을 배우고 이를 어떻게 테스트할지 배운다.
  
  
• Ajax와는 절친하다고 할 수 있는 div 태그를 여럿 써서 테이블을 쓰지 않는 웹 페이지 형식의 슈퍼 페이지를 디자인한다.
  
  
• 딜리셔스 API 호출을 다루고 웹 서핑을 할 수 있도록 PHP를 사용하는 서버 측 프록시를 개발한다.
  
  
• 딜리셔스 API 호출에 대한 응답으로 반환된 XML을 파싱하고, 파싱된 데이터를 div 태그를 써서 HTML로 편집한다.
  
  
• 여러분이 작성하게 될 슈퍼 페이지에서는 다음과 같은 딜리셔스 API를 구현한다.
  

선수조건

텍스트 편집기와 브라우저뿐만 아니라 프록시 용도로 쓸 PHP와 웹 서버도 필요하다.

• PHP -- 프록시를 PHP로 구현할 것이다. 어떤 버전이든 상관없다.
• Apache2 -- 아파치2 HTTP 서버를 추천한다.

윈도(Windows®)에서 아파치2, PHP뿐만 아니라 MySQL(이 튜토리얼에서는 필요없다)을 쉽게 설치하려면 WampServer 최근 릴리스를 참고하기 바란다.

기간

1시간

포맷

이 문서 북마킹 하기 mar.gar.in naver eolin del.icio.us

위로