Rev. 2.73

지난 17일 자바스크립트의 강력한 디버그툴인 파이어버그 1.0 베타가 릴리즈 됬습니다. 파이어버그는 파이어폭스의 플러그인 형태로 설치할 수 있는 애드온 애플리케이션입니다. 0.4.1에서 갑작스런 정식 릴리즈로 약간은 당혹스럽기도 합니다만, 기대 이상으로 뛰어나고도 훌륭한 기능을 많이 가지고 있습니다. Jesse씨가 공개한 스크린케스트에는 Inspect모드에서 HTML과 Stylesheet가 자동으로 대조 되어 실시간으로 디자인을 조작하는 과정을 설명하고 있습니다. 정말 감동입니다. ㅠ.ㅠ;

firebug.png

- 더욱 빠르고 효율적인 디버깅 환경
- XMLHttpRequest 응답시간 표시
- 네트워크 감시 및 로드타임 체크
- 실시간 HTML 및 Stylesheet 수정
- 프로파일러 내장

덧. 이클립스의 프로파일러에 비하면 매우 빈약하지만 GUI를 가진 프로파일러를 내장하고 있습니다. 함수 개개의 사용빈도/처리시간 측정이 가능하며, 개발하는 과정에서 의심되는 부분들을 Profiling 툴을 이용하여 체크함으로서 실행속도 향상을 이끌어 낼 수 있습니다. 사용 방법은 콘솔 모드에서 Profile을 클릭하여 활성화하고 해당 함수가 작동하도록 조작한 후 다시금 Profile을 클릭하면 리포트가 출력됩니다.

Comments

"MacOS X"에 도입된 "Dock"은 매우 직관적이면서도 쉽다는 느낌을 강하게 줍니다. Alexei@Nitobi는 어안메뉴(?)라는 이름으로 이와 비슷한 구현을 자바스크립트로 시도했습니다. 현재 개발단계라고는 하지만 작동은 거의 완벽한 수준입니다. 우선, 아래의 데모를 봅시다.

fisheye.png

- Demo1 - 메뉴가 상단에 위치한 버젼
- Demo2 - 메뉴가 하단에 위치한 버젼

2007년 1월에 정식 릴리즈 계획을 발표했으며 이미 테스트 셈플을 배포한 상태 입니다. 정식 릴리즈가 몹시 기다려지는군요. 워3-카오스에 빠져 허송세월 보내는 동안 흥미로운 것들이 많이 나왔네요. 내키면(?) 프로토타입 프레임웍에서 사용할 수 있도록 컨버전해 보겠습니다.

Comments

새롭게 개편된 올블로그(v2.3)가 선보였습니다. 가장 큰 기술적인 변화는 .NET에서 PHP로의 전환, Ajax기법 도입 정도로 축약할 수 있겠습니다. dojo 자바스크립트 툴킷을 사용하고 있으며, 데이터를 json의 형태로 송/수신하고 있습니다. (요즘 dojo가 뜨는 추세인가 봅니다?)

allblog.png

'추천하기' 기능이 눈에 띄게 부각되었으며, 추천 상황을 그래프로 표현하고 있어 '인기-글'을 한눈에 파악할 수 있게 한 점이 가장 마음에 드는군요. 모두에게 익숙하면서도 일관성있는 '탭'UI와 조화를 이루는 Ajax 구현을 꾀하고 있습니다. 종전의 덕지덕지(?) 붙어있던 사이드 컨텐츠를 말끔하게 정리한 모습도 나쁘지 않습니다. 업그레이드 된 글 목록은 구글의 검색결과 처럼 프리뷰를 가지고 있으며 '간단히 보기'를 통해 마우스-오버 프리뷰 모드로 전환 할 수 있습니다.

앞으로 고쳐지거나 개선되겠지만, 아직 최적화를 거치지 못해 오버해드가 상당한 것으로 보입니다. Ajax로 구현했음에도 응답이 느린감이 없지 않으며, 논-자바스크립트 환경에서는 글 목록조차 갱신되지 않아 접근성이 떨어집니다. 그리고 리프래시(새로 고침)하면 초기화 되는 탭은 다소 불편하다는 생각이 듭니다. 올블은 어느 사이트 보다도 리프래시 요청이 많을 것으로 생각됩니다만, 위치를 기억하는 옵션을 두어 마지막으로 조회한 탭을 활성화하는 배려도 필요해 보입니다.

끝으로, 구축하시느라 대단히 고생 많으셨습니다.

덧1. 올블로그의 태그URL 스펙이 변경되었습니다. 태그링크 플러그인을 사용하시는 분은 아래처럼 변경해 주세요

Comments