월별 글 목록: 2010년 6월월

블로그 WordPress 3.0 으로 이전완료

2004년에 만들었던 개인용 블로그엔진 Papyrus 에서 WordPress 3.0 으로 이전했습니다. 옮기려고 한참을 준비했는데 워드프레스 3.0 이 곧 나온다고 해서 차일피일 미루다가 나오자 마자 업데이트하고 후다닥 작업진행해서 겨우 이전했네요.

그동안은 혼자서 이런저런 기능을 수작업으로 추가하면서 사용했는데, 이젠 혼자서 기능을 다 만들기에는 무리가 있더군요. 워드프레스의 막강한 Plugin 지원이 탐나기도 하구요. 현재 설치한 플러그인들입니다.

  • WP Super Cache : 워드프레스의 모든 페이지를 캐쉬하여 PHP / Mysql 실행속도를 최소화 해 줍니다.
  • WP Touch : 아이폰/안드로이드 같은 모바일 페이지를 지원해줍니다.
  • StatPress : 강력한 방문자 통계툴입니다.
  • Revision Control : 각 포스트의 수정시 저장되는 Revision 에 대한 상세설정을 제공합니다.
  • WP PageNavi : 포스트 검색결과/Archive 같이 여러페이지로 보일때 좀더 편한 네비게이션 기능을 제공
  • Topsy Retweet Button : 트위터 Retweet 버튼입니다. 숫자통계까지 보여줍니다.
  • Simple Yearly Archive : 전체 포스트를 Year 단위로 보여줍니다. 제 블로그 최상단에 Archive 를 눌러보세요.
  • Google XML Sitemaps : 서치엔진을 위한 XML 을 생성해줍니다.
  • All in one SEO pack : SEO ( Search Engine Optimization ) 관련 모든기능을 하나로 제공하는 플러그인
  • Akismet : 스팸방지 솔루션
  • Adsense Integrator : 애드센스 삽입 및 필터링

아직 많은 플러그인을 테스트해보진 못했는데, 이정도만으로도 매우 만족스럽네요.  혹시 꼭 추천할만한 필수 플러그인이 있으면 저에게도 알려주세요. 아직은 워드프레스 초보입니다 ^^

작업하면서 보니 7년간 운영해온 블로그이지만 데이타는 그리 많지 않더군요.

  • 포스트 : 508 개
  • 코멘트 : 11200 개
  • 태그 : 1350 개

데이타 변환을 위해서 워드프레스의 Import 기능을 사용하려고 했는데, XML 파일 만들기가 더 복잡하더군요. 끝내는 기존 블로그 데이타를 SQL 문장으로 뽑아내서 직접 워드프레스 테이블에다 삽입했네요. 이거 변환스크립트 만드느라 워드프레스 내부구조 공부는 많이 한듯 합니다.

워드프레스 이전을 더 끌리게 한건 아이폰/아이패드용 글 편집앱이 기본으로 제공된다는 것이였구요. 이제 좀 편하게 블로그 포스팅이 가능할것 같습니다. 종종 블로그에 글 올리도록 하겠습니다.

HTML5 로 iPhone App 만들기

2009년 이후로 HTML5 는 예전 AJAX 때와 비슷하게 웹 개발의 대세 처럼 인식되고 있습니다. 이 추세는 애플/구글 이 HTML5 에 대한 적극적인 지원을 표명하면서 더욱 활발해 지고 있는데요. 애플/구글 둘다 모바일에서 아이폰/안드로이드로 대결구도가 펼쳐지면서 앞서거니 뒷서거니 HTML5 를 이용한 혁신을 이끌어 내고 있습니다.

전 개인적으로 모바일 웹 어플리케이션에 관심을 가지고, 모바일 시작페이지인 m.xguru.net sizac.kr을 비롯하여 , 지름도우미 with RedLaser 처럼 앱과 웹을 연동하거나, 아이폰에 사진으로 전화걸기 아이콘 만들기 – QuickGuru 처럼 데스크탑/모바일이 연동된 아이폰 웹 어플리케이션을 테스트해 왔습니다.

이제 HTML5 를 이용해서 좀 더 네이티브 앱과 비슷한 웹 앱(Web App)을 만드는 방법을 소개합니다.

아래 자료는 6월12~13일간 열린 KT 의 Econovation 개발자 캠프에서 먼저 발표를 했는데요. 아직은 국내 아이폰 앱 개발자분들이 Objective-C 를 이용한 네이티브 앱에 관심들이 많으셔서 그런지, 조금 생소한 주제였던듯 합니다. 하지만 모바일에서의 HTML5 를 이용한 어플리케이션 개발은 분명한 장점을 가지고 있습니다. 한번만 작성하면 아이폰/안드로이드/블랙베리/심비안등 여러개의 플랫폼에 큰 문제없이 바로 적용이 가능하다는 것이죠. 강의에서는 이 모바일에서의 HTML5 를 이용한 개발의 장점에 대해 설명하고 어떻게 앱을 만드는지를 소개하려고 노력했습니다.

HTML5 로 iPhone App 만들기

자료의 내용은 4가지 주제로 이루어 집니다.

  • HTML5 – HTML5 자체의 기능에 대한 설명입니다. 이건 따로 웹사이트에 HTML5 slide 오픈소스를 수정해서 자료를 만들어 두었습니다. http://dev.xguru.net/html5 에서 보실수 있습니다.
  • iPhone Web Application 아이폰의 웹 어플리케이션 작성방법에 대한 간략한 소개입니다. 기존 웹 사이트 관리자들도 참고하실만 합니다
  • jQTouch, iUI , WebApp.Net 웹에서 아이폰 UI 스타일을 표현하기 위한 UI 프레임워크 들을 간략히 소개합니다.
  • PhoneGap 웹 어플리케이션을 아이폰 네이티브 어플리케이션으로 만들어주는 Phonegap 프레임워크를 소개합니다.

기본적으로 HTML,CSS,Javascript 에 대한 약간의 지식은 있다고 가정하고 작성을 했구요. ^^;

강의는 먼저 HTML5 의 기능중에서 모바일에 중요한 기능들을 설명하고, 아이폰에서 웹 앱을 만드는 방법에 대한 소개, 그리고 웹에서 아이폰 스타일의 UI 를 작성하는 방법 , 그리고이렇게 작성된 웹 앱을 네이티브 앱으로 만들어주는 Phonegap 을 소개하는 순으로 진행됩니다. 제가 말이 좀 많고 빠른편이라 슬라이드에는 설명은 그리 많지 않습니다. ^^;

아무래도 발표용 자료로 만든것이라 슬라이드만 보고 전체를 이해하시기에는 조금 어려울듯도 한데요. 궁금한 부분 있으시면 저에게 문의 주세요.
앞으로 미진한 부분을 조금씩 보강해 나가겠습니다. 혹시 필요하시다면 이 주제에 대한 세미나 요청은 메일로 보내 주세요 🙂

구루의 링크모음 GuruLinks 2010-06-15 : 재미난 유튜브 동영상 4개

제가 트위터에서 공유하는 각종 링크들에 좀 더 설명을 달고, 나중에 볼수 있도록 블로그에 재 포스팅 하려고 합니다.
이런 URL 링크 포스팅의 모델로 잡은건 DaringFireball 과 O’Reilly 의 Radar 의 Four Short Links 입니다.
전 그냥 GuruLinks 라고 붙여봤습니다. 링크는 한개또는 여러개로 될수 있습니다.

오늘은 약간 흥미있는 주제를 먼저 다루기 위해.. 재미난 YouTube 동영상 모음입니다.

  • 구글 SearchStories – Toy Story 편
    구글이 슈퍼볼광고때 방영했던 가슴뭉클한 광고 Search Stories 의 토이 스토리 편입니다.
    영화홍보와 적절히 섞여서 재미와 정보를 동시에 주고 있네요. 혹시 못보셨다면 슈퍼볼 광고때 나왔던 Parisian Love 도 필감입니다.

  • Contra 와 Tetris : Mashup
    오락실에서 주로 하던 곤두라(Contra) 와 테트리스 기억하시나요? 두개를 적절히 조합한 매쉬업 동영상입니다. 맨뒤까지 보시면 한개의 게임이 더 나옵니다 🙂

  • 최고의 랩탑 – Best Laptop Ever
    누구나 꿈꾸던 최고의 랩탑. 저도 한대만 있었으면 합니다 🙂

  • Azureus Rising
    디지탈 영화들이 많이 나오고 있는데, Proof of Concept 으로 만든 디지탈 영화 동영상입니다. 멋지네요.
    전체화면으로 사운드 크게 하고 보시길 권해드립니다.

앞으로 종종 트위터에서 소개한 링크를 재 소개 하도록 하겠습니다. 아무래도 트위터는 딱 그때 안보면 못보는 경우가 많더군요.
제 블로그를 구독 하시면 편하게 보실수 있습니다. 피드주소 : http://feeds.feedburner.com/xguru 입니다.
구독하시는 분들을 위해서 트위터에서는 소개 안한 몇몇 추가적인 링크도 올릴예정입니다. 위의 Azureus Rising 같은.. 많은 구독바랍니다! ^^;

안티소셜 북마킹 사이트 http://Pinboard.in

트위터 및 RSS 리더 등을 통해 여러가지 정보를 접하다 보면, 사이트를 기억해두고 싶을때가 많습니다.
전 주로 구글 리더 와 트위터를 통해 정보를 얻는데요. 이때 정보에 따라 조금씩 사이트 정보의 저장방법이 달라집니다.

  • 내용을 저장해두고 다시 읽어보고 싶은 좋은글 – Instapaper 서비스 이용하여 저장
  • URL 저장해두고 언젠가 찾아보고픈 글 ( 주로 기술정보 ) – 북마크로 기록
  • 트위터 에서 본 좋은 트윗 – Favorite 체크

이때 URL 북마크를 브라우저에 하는건 아무래도 검색도 어렵고 관리가 복잡해 지는거 같아서
제 트위터를 통해서도 소개해드린 Pinboard ( http://pinboard.in ) 을 사용중입니다.

Delicious 랑 비슷한 타입의 소셜 북마크 서비스인데요. 안티소셜 북마킹 이라고도 합니다.
딜리셔스처럼 소셜형태로 막 등록해서 공유하는게 아닌 자신만을 위한 북마크 모음? 이라고 생각하시면 될듯합니다.

단, 무료사이트는 아닙니다. 처음 가입시 딱 한번 돈을 내야하는데, 이 금액이.. 현재 유저수 * 0.001 로 올라갑니다.
그래서 현재 $6.34 이구요. 제가 가입할때는 $6.1 정도였던거 같습니다.
작년 6월엔가는 $2 였고 8월에 $4 였다고 하더군요. 하여튼 금액은 계속 올라가겠죠.
아주 신선한 수익모델이어서, 저도 나중에 뭐 만들면 따라해볼까 합니다. ^^;

이거 외에 1년 단위 결제가 가능한 Archive 멤버도 있는데 이건 북마크를 하면 그 사이트를 아예 내려받아서 저장해줍니다.
혹시나 북마크 해놓고 나중에 글이 지워져서 못보는 경우를 대비하는 서비스라고 보심 됩니다. 1년에 25불 입니다.

Simple & Fast 북마킹을 표방하는 서비스라, 사용해보면 정말 깔끔한 화면을 보여줍니다. 이미지가 거의 없습니다.

Pinboard 화면

가입비를 받기때문에 다른 글을 찾아보는데 좋은 Recent 나 Popular 에도 스팸성 북마크는 잘 보이지 않구요.
( 딜리셔스는 스팸성 & 광고성 북마크가 너무 많아서, 그걸 통해 좋은 사이트를 발견하는건 많이 귀찮아졌습니다. )

이미지 전혀없는 깔끔한 인터페이스라 정말 빠르고, 각종 서비스와 연계가 잘 됩니다.

제가 주력으로 사용중인 아이폰 RSS 리더 Reeder 에서도 바로 연됩니다. 그냥 Post to Pinboard 클릭만 해주면 태그입력하고 바로 등록

Reeder with Pinboard - Share
Reeder with Pinboard - Post to Pinboard

북마크 사이트가 뭐가 다르겠어 라고 생각되는데 안에 보면 참 세세하게 신경을 많이 썼습니다.

  1. Twitter 와의 연동
    • 특정 사용자의 트윗을 계속 보면서 링크가 있으면 그걸 모두 북마크에 추가하기
    • 특정 사용자의 Favorite 를 모두 북마크에 추가하기
    • * 여러명은 안되지만, 어떤 트위터 클라이언트에서든 그냥 Favorite 하는것만으로 북마크로 추가됩니다.
  2. Delicious , Instapaper , Read It Later , Google Reader
    각각의 서비스에 등록되는 북마크를 자동으로 Pinboard 에 추가해 줍니다. 이거 연동이 너무 잘되어 있어서 모든 북마크를 모아두기에 딱 좋습니다.
  3. 이메일로 북마크 등록도 가능 – 아이폰/블랙베리에서 링크만 그냥 메일로 던지면 됩니다.
  4. 일반 북마크가 아닌 Note 형태로 등록도 됩니다. 특정 URL 에 대해서 아예 노트를 적어 놓을수 있어서 나중에 정리도 가능합니다.

현재로선 가장 큰 단점이.. 북마크 검색시 한글이 안됩니다. 개발자에게 문의했는데, 예전에 중국어 지원하면서 잘 되게 해놨는데 현재 또 오류가 난다고 합니다. 확인해서 수정해주겠다고 회신이 왔습니다.
수정되어서 한글 검색 아주 잘됩니다.

돈주고 사용하는 서비스가 조금 부담이 있긴 했는데, 써보고 나니 깔끔한 사용에 반해서 다양하게 쓰게됩니다.
수익모델도 신선하고, 텍스트기반의 깔끔한 인터페이스가 사용자에겐 더 편하게 다가올수 있다는걸 보여주는 좋은 서비스 Pinboard 입니다.