삽질의 이유인즉, 요즘 구축하고 있는 모종의 프로젝트에서 위키를 쓰는데.. 다름아니라 위키 인터페이스는 "geek"들이나 "전산쟁이"들이 아닌 "민간인-_-"이 접근하기에 힘들다는 이유로.. 게시판이나 블로그의 댓글 인터페이스를 추가하는 작업.
생전 처음 들여다보는 미디어위키 코드에 익숙해지느라 일단 꼬박 이틀이 걸렸다. 건드려야 할 부분을 찾고.. API를 찾고.. 스킨 구조에 익숙해지고 등등. (API documentation이 있긴 있는데.. 설명이 전무하다. -_-)
그담에는 비교적 기계적으로 댓글 인터페이스를 구현해 넣으면 된다고 기대했으나.. 뭐 또 나름대로 순탄하지만은 않은 과정이었다만.
공돌이로서의 욕심이랄까, 개인적인 성격이랄까. 나는 뭔가 기회가 닿으면 안해봤던 새로운 것을 해보느라 스스로 삽질을 자청하는 경향이 있다. 이번에 자청한 삽질이라면, 기왕 댓글 인터페이스 구현하는거 Ajax 스타일로 해보고자 싶었던 것이다.
Ajax라면 간단하게나마 뚝딱거려본 적이 있긴 하다.
Ajax 한번 써보고 싶다는 욕구에서 만들기 시작한 NCLab 축구 사이트 -_- (참고로 디자인은 FIFA 사이트를 벤치마크 ;;) 생판 하나도 모르는 상태로 오직 vi 와 구글링에만 의존해서 코딩을 하다보니 순식간에 코드가 스파게티가 되버려서리... Ajax 기능은 아주 간단하게 제한적으로만 장난쳐보고 대충 짱박아둔 사이트다. ;;;
이번에 댓글 인터페이스를 구현하게 된 김에 조금 더 Ajax를 잘 써보고 싶은 욕심이 들었다. 그래서 이번에 새로 써본 것은 Prototype 및 Script.aculo.us. Prototype은 Ajax의 XMLHttpRequest 및 DOM 부분을 편리하게 해주는 라이브러리이고.. 이걸 기반으로 만들어진 Script.aculo.us는 비주얼한 UI 효과 구현을 편리하게 해주는 라이브러리. 둘 다 Pragmatic Ajax 번역을 하면서 존재를 알게 된 놈들이다. 다만 아직 서버측 코드는 여전히 vi 와 PHP만으로 그냥 헤딩한다. -0-
정말 편하다. 스파게티성 코드도 없고, 아주 직관적이다.
어제 새벽 4시였던가.
Ajax 스타일로 댓글 추가하는 20여줄의 코드를 득득득 타이핑.
브라우저 refresh. 댓글 입력. Submit.
"아-!!!"
단 한번의 디버깅도 없이 한큐에 바로 돌아줬다.
전혀 기대조차 하지 않았다.
뭐라도 하나 추가하면 어딘가 한두놈은 반드시 일단 속을 썩이기 마련이다.
자바스크립트가 되었든, PHP가 되었든, DOM이 되었든, MySQL이 되었든.
너무 기뻐서 Prototype을 (그럴 수만 있다면) 안아주고 싶을 노릇이었다. -_-
순간 남은 일들이 만만하게 보이기 시작했다. -_-
하는김에 YFT (Yellow Fade Technique)도 추가.
Script.aculo.us에서 제공하는 클래스를 쓰니 단 두줄로 1분만에 YFT가 뚝딱 튀어나왔다. 허허허.
폴 아저씨 말대로.
기계의 시간은 점점 중요하지 않게 될 것이다.
기계의 시간을 낭비해서 프로그래머의 시간을 세이브해줄 수 있다면 그게 장땡이다.
(근데 Prototype 등은 어차피 같은 자바스크립트 플랫폼이라 별로 더 낭비될 것도 없을 것 같다. RoR 이라면 또 모를까.)
p.s.
Prototype이랑 Script.aculo.us와 더불어.. 태터툴즈에 포함된 EAF.js 에서도 유용한 함수 몇개를 갖다 쓰고 있다. (blank 문자가 죄다 제거된 한줄코드라 읽기 압박이 좀 있었지만..-_-) 암튼 태터툴즈도 땡큐에요~ ^^;;
Posted by saber
