Code Metaphor

VLAAH 점수를 이용해서 대결 구도 뷰로 보여주는 애플리케이션을 만들었다. 이름은 VV. “븨븨”라고 읽어주면 된다. VLAAH Versus의 약자다.

http://vlaahversus.appspot.com/

대결 구도라고 하면 잘 모를 수 있는데, 어떤 식으로 나오는지 보면 단번에 알 수 있다.

• 브라우저 전쟁
• 야간개발팀 평판¹
• 미녀 가수 인기 챠트
• 노무현 對 김대중

아래와 같은 것들을 조립해서 만들었다.

• 데이터 추출을 위해 vlaah-python 모듈을 사용한다.
• 대결 구도를 보는데 심심하지 않게 하기 위해 Adobe Kuler의 컬러셋을 아무거나 가져와서 색을 칠하게 했다.
• URL에서 유추할 수 있듯 Google App Engine에 올렸다.
• 템플릿 엔진은 Jinja2를 썼다.
• 간단한 JavaScript와 애니메이션에 jQuery를 썼는데, Google에서 호스팅해주는 파일을 링크했다.

사실은 몇달 전에 Ruby에 Sinatra를 이용해서 만들고 있었는데, 중간에 재미가 없어 손을 놓고 까맣게 잊고 있다가 소스 코드를 잃어버리게 됐다. 그래서 이번에 Google App Engine에 올릴 생각으로 다시 만들어본 것이다. 훈련 끝나고 좋은 워밍업이 된 것 같다.

다만 문제가 좀 있는데, GAE에서 외부 URL 접근에 타임아웃 제한이 있다보니, 항목 수가 많아지면 오류가 나버린다. 이건 사용하는 사람이 알아서 살살 피해갈 수밖에 없을 것 같다. 그리고 CSS는 하다가 짜증나서 대충 마무리했다. text-shadow 속성을 쓰는데, 이게 Safari와WebKit과² Opera에만 구현이 되어 있고, Mozilla Firefox는 3.5 버전부터 추가되기 때문에 글씨가 잘 안 읽힐 수도 있다. Internet Explorer는 처음부터 고려하지 않았다. 심심풀이로 한 건데 스트레스 받기가 싫었다.

여기까지는 인지하고 있는 문제들이고, 이 외에 버그가 있으면 알려주기 바란다.