2006년 11월 22일 수요일

Remember The Milk

Remember The Milk는 나온지는 좀 되었기는 하나 가입할 때의 UI가 (@hof님에 따르면) 아주 직관적이며 알기 쉽게 되어있다고 하여서 나름 분석에 들어가 보았습니다.
User inserted image

Remember The Milk는?
할일 목록을 웹상 또는 이메일 상에서 쉽게 관리하기 위한 서비스입니다.

Implementation
Remember The Milk의 js파일은 크게 두가지로 구성되어 있습니다. 리소스를 관리하기 위해서 사용된 ko.hompage.32.js는 'HOMEPAGE_'로 시작되는 116개의 연관배열이 들어있습니다.
User inserted image

또 하나의 파일은, rtm.signup.9.js로 obfuscating은 되어 있지 않고 minifying만 되어 있습니다. prototype같은 라이브러리를 사용하지 않고 자신들의 코드만으로 18810 bytes의 적은 용량의 js만 사용하고 있습니다.

User inserted image

동작은 간단합니다. 각각의 input element에서 keyup 이벤트가 발생하는 경우 이를 체크하여서 input 옆의 span 태그에 성공메시지 또는 실패메시지의 html코드를 innerHTML로 삽입하는 구조를 취하고 있습니다.
User inserted image

코드 상에서 확인하는 것도 크게 어렵지는 않습니다만, 코드 주석에 Don't steal, Please라 되어 있네요. ^^;;
스크립트 상의 코드만 보고 이렇다 저렇다 말하긴 어렵겠지만, 단순하면서도 필요한 곳에만 사용한 스크립트 코드가 참 마음에 드네요.
  • 리소스 관리를 통해서, 영어권 외의 시장까지 노릴 준비를 했다는 점,
  • 필요한 곳에만 스크립트 사용을 함으로써 파일 전송과 관련된 리소스를 대폭 줄였다는 점,
  • 이미지와 텍스트만 사용했지만 사용자에게 무엇이 문제인지를 알 수 있게하는 직관적인 인터페이스
이러한 점이 Remember The Milk만의 큰 장점이 아닐까 싶네요. 아... 가입쪽만 분석해봤습니다. TODO List 쪽은 보지 않았습니다.

댓글 3개:

  1. 저기 참 심플하고 좋더라고요.

    하지만 Google Calendar 에 나에게 필요한 기능은 다 있으므로 패스~

    답글삭제
  2. 그래도 개발자 2명이서 잘만들었죠 ㅋㅋ

    답글삭제
  3. 투두리스트라면 마이투두(http://mytodo.org)도 한번 구경해 보세요.

    답글삭제