RSS구독하기:SUBSCRIBE TO RSS FEED
즐겨찾기추가:ADD FAVORITE
글쓰기:POST
관리자:ADMINISTRATOR

연속 펌질 포스팅!!
(언젠...펌질 안했다고 ㅡㅡ;;...)

재미있는 글이 있어서 역시 또 펌질...

일단 본문 을 보쟈스랴..!

원문: A Study of Ajax Performance Issues


글의 전반적인 내용은 Web 2.0 , RIA 등 이전에는
(뻥을 약간 보태서) 상상도 못할 만큼의 웹 플랫홈의 변화가 왔었다.

Web 2.0 을 가장 단순하게 말하자면..
일반 클라이언트 프로그램과 같은 인터페이스가 웹에서도 구현이 된다는것이겠다..

거기엔 필연적으로 DOM 연산 이나 Javascript 실행속도 가 이전과 다르게 다루는 데이터량도 늘었고
또 그 빈도수도 늘어나면서
미묘한 차이가 전반적인 성능의 영향을 끼치게 되었다.

브라우저별 (IE7, Firefox , safari 를 마루타로!?) 취약한 부분들을 정리한 글이다..

글에서 제기한 Ajax 성능의 이슈를 정리하자면..

  1. Array ( 배열 ) 연산
  2. 일반적인 HTML DOM 연산
  3. 연산된 모달창 과 스타일
  4. Firefox 의 eval() 과 오브젝트 생성과 `IN` 연산
  5. IE7 의 문자열 연산
  6. Safari 의 `pop` 연산.


이런것들을 해결하기 위해서..
글쓴이가 내놓은 해결책은..

첫번째로 .. 브라우저 밴더들에게 진상을 부리자(응??...글쓴이가 정말 그런건..아니고..ㅡㅡ;;;)
두번째로 .. Ajax 연합을 만들어서 Ajax Runtime 환경을 만들어서 채용을 시키자는 내용이다..

영어실력이 일취월장하지 못해서 ㅡㅡ;; 여전히 개판같은 번역(?) 이지만..

당장은 Ajax Application 을 개발하면서 저런 부분을 감안하여 개발하는게
좋을것이지만. 역시 궁극적인 해결책은 ...'진.상.' 짓을 하면서..개발 밴더들을 압박하는게 나을지도.. ㅡㅡ;;


참고할만한 URL 을 하나 더 올린다.
참고 : The Great Browser JavaScript Showdown
         SunSpider JavaScript Benchmark

2008/01/29 01:12 2008/01/29 01:12
이 글에는 트랙백을 보낼 수 없습니다
[로그인][오픈아이디란?]
오픈아이디로만 댓글을 남길 수 있습니다

Remember the milk logo
Remember the milk .. 우유를 기억해줘
아 심히 초딩 스런 -_- 영어 실력이 아닌가 한다..



Web 2.0 이 웹 인터페이스에 지대한 영향을 끼치고 있다는 것을 보여주는 서비스 중 하나다.
RemembertheMilk_main


일정관리 서비스란 여기저기서 많이 내놓기도 하였다.
내가 아는것만 해도 Google Calendar , Lifepod , Scrybe...
기타 다른 웹 서비스에 낑궈져 있는 일정 관리툴만 해도 꽤 될것이다.

가입 절차는 너무나도 간단해서 -_- 단지 폼 6개만 입력하면 된다.
RemembertheMilk_registerForm

이름,성 email 주소와 ID 그리고 비밀번호 입력/확인 그리고 가입.. 끝 ...
이렇게 가입을 완료하게 되면 ..

로그인 해보쟈 쓰라!

로그인 페이지
RemembertheMilk_login_form


로그인을 하게 되면 현재 등록된 할일 중 오늘이 마감일인 내용만 볼 수 있는 페이지로 이동하게 된다.
RemembertheMilk_summery

이곳에서 오늘 / 내일 그리고 이미 기한을 넘긴 일들을 조회 할 수 있게 되어있다.

할일 등록 할 수 있는 페이지
RemembertheMilk_TodoEdit
여기서 자기가 등록한 '할 일' 들을 등록/수정 할 수 있게 된다.
하지만 인터페이스 자체는 너무 단순해서 오히려 어떻게 해야 할지 모를 정도랄까?

' 할 일 추가' 버튼을 누르게 되면 다음과 같이 Form 이 하나 추가 된다.
RemembertheMilk_todoAdd

여기에 적당히 네이밍을 하게 되면 등록 완료.
이렇게 등록이 되고나서 등록된 '할일' 에 마우스를 가져다 되면 '우측 메뉴가 바뀌게 되는데
여기서 해당 할 일에 관한 정보를 볼 수 있게 된다.

이를 수정하기 위해선 해당 할 일 을 클릭해 보면.
우측의 메뉴가 바뀌게 된다.
RemembertheMilk_detail

해당 부분에 입력을 위해선 보는데로 노랗게 롤 오버 되는 영역을 클릭 해주면
입력 해줄수 있는 Form 이 나오게 된다. 엄청나게 간단하지 않은가?

장소를 선택하게 되면 Google Map 이 뜨면서 직접 선택 하도록 되어 있다.
하지만 첫 페이지를 보고 좀 당혹 스러울 수도 있다..(일단 실행해보면 안다..)
단지 .....지도 찾기엔 자신 있다고 자부 한다면 ( --) 괜찮은 방법일 수도..

Scrybe 에서 봤던 시간 포멧을 아주 자연스레 일상적으로 쓰던 단어를 입력하면
그대로 인식을 해준다.. '6:00am' , '내일' 혹은 '다음 화요일' 이런 식의 입력 방법을 지원한다.
정확한 방법은 도움말이 제공되니 그것을 활용 하면 된다.

여기서도 한글화가 잘 이루어져 있어서 큰 어려움 없이 이용 할 수 있게 되어있다.

하지만 이것이 전부가 아니다!
사용하다 보면 화면 상단에 뜨는 메세지가  하나 있을 것이다.
RemembertheMilk_undoAlert

바로 Undo 기능!!!!!
세세하지만 사용자를 배려하는 인터페이스란 바로 이런것이 아닌가 한다 ...
워낙에 심플한 인터페이스를 제공하다 보니 입력 자체도 너무나도 간단히 이루어져 버린다.
그러다 보니 잘못 입력하여 시간이나 장소 등 수정하지 말아야 할 내용을 지울수도 있는데
이럴때 되돌리기 기능이 다시 복구 해준다는 것이다.

놀랍지 않은가!!

여기에 새로이 추가 된 기능!
바로 상단 메뉴에 '따끈따근' 이란 태그가 붙어있는 '오프라인' 이라는 것이다!
offline_menu


이것이 무엇인가 하면 사용자가 인터넷에 붙어있지 않은 상황에서도
사용자가 일정에 대해서 수정/입력 을 할 수 있다는 것이다.

그리고 Online 이 되었을때 이것이 동기화 되면서 자동으로 반영이 된다는것!
(이는 Scrybe 에서도 지원 해주는 기능.. 홈페이지 우측에 동영상을 참조하는게 이해에 도움이 될듯..)

이를 위해서 Google Gears 를 이용했다고 하는데..
( Local storage 를 쓰는것이 대세인듯 싶다 ... )

일단 강하게 눌러보면! Google Gears 를 설치 해야 한다는 안내 문구가 보인다.
google_gears_설치안내화면

그렇게 Google Gears 를 설치하기 버튼을 누르게 되면 새 창이 뜨면서 Google Gears 를 배포하는 사이트로 넘어가게 된다.
google_grears_download

그 다음은 차례 차례 잘 넘어 가면 설치가 완료가 됐다는 메세지를 받게 되고
브라우저를 재 시작 해줘야 한다 ㅡㅡ;

그렇게 브라우저를 재 시작하고 나서 Remember the milk 사이트에 접속하게 되면
보안 경고 창이 하나 뜨는데 ..
enable_gears


그냥 허용 할꺼나 말꺼냐 정도니 긴장할 필요는 없다;


도움말도 적절히 잘 되있고 사용하는데 있어서는 큰 불편은 없을것이다.

하지만 이것에도 약간의 버그가 있는것이 -_-;;
Firefox 의 확장 툴인 'Firebug' 를 활성화 해놓은 채로 로그인을 하게 되면
원인을 알 수 없는 원인으로 퍼포먼스가 저하 된다는 내용의 글 을 볼 수 있다.
(뭐 -_- 언젠간 고쳐주겠지..ㅡㅡ;;;)

당신도 우유의 세상으로 빠져들어 봄이 어떠한가 ~
2007/06/12 09:36 2007/06/12 09:36
이 글에는 트랙백을 보낼 수 없습니다
pey  | 2007/09/18 13:17
안녕하세요, 리멤버더밀크 너무 훌륭한 사이트죠.
이와 비슷한 투두리스트를 관리해 주는 사이트가 국내에도 생겼답니다.
마이투두 (http://mytodo.org) 한번 구경해 보세요.
[로그인][오픈아이디란?]
오픈아이디로만 댓글을 남길 수 있습니다
Dot:Where is ......
byDot
Where is ......
전체 (175)
주절거림 (60)
윈도우벽지 (2)
Shoveling.. (9)
주워들은것들.. (48)
요집이 괜찮더라!! (0)
찍사놀이 (7)
관심꺼리~ (4)
«   2018/06   »
          1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
  1. 내 맘대로 보는 세상  2009
    맘에 안드는 Internet Explorer 업데이트 방침!
  2. 시리니  2008
    브라우저 업데이트, 작지만 큰 실천입니다.
  3. Dinosur와 KM의 Blog  2007
    저도 보통 사람
  1. 2018/01 (11)
  2. 2017/12 (10)
  3. 2017/10 (1)
  4. 2017/05 (13)
  5. 2017/04 (7)