Daum, Mobile, Nate, naver, paran, Yahoo, 모바일, 모바일웹
모바일 컴퓨팅 시대가 클라우드 컴퓨팅과 함께 도래하고 있습니다. 모바일 관련된 서비스들을 포털이 먼저 오픈해서 키워가는 듯 합니다. 모바일 웹 중심의 서비스들인데, 점차 아이폰/아이팟터치, 윈도폰(윈도모바일), 안드로이드폰 등에서 실행되는 모바일 앱으로 확산되는 듯 합니다.

기록의 의미도 있고 해서 다섯 포털 (naver, daum, nate, yahoo, paran)의 모바일 페이지를 모아봤습니다.

http://mobile.naver.com/

http://mobile.daum.net/ 아직은 일반폰 분위기의 SMS 중심입니다만 두 번째 탭인 모바일 Daum을 클릭하면 모바일웹에 대한 내용들이 나옵니다.

http://intro.mobile.daum.net/sub.daum?cmd=main

http://mobile.nate.com SKT와 밀접한 nate의 모바일페이지는 음원판매에 신경을 쓰는 듯 합니다.

http://mobile.yahoo.co.kr 야후코리아의 모바일 페이지입니다. http://mobile.yahoo.com/ 과는 분위기가 많이 다릅니다.

http://mobile.paran.com/ 파란은 모바일로 메일을 사용하는 것에 대해서 얘기하고 있습니다.


다섯 사이트 모두 모바일을 홍보하기 위한 역할입니다. 좁디좁은 모바일 화면에서 이들을 만나려면, 데이터 전용요금 가입은 필수입니다.
저작자표시 비영리 변경금지
/build, UI, Yahoo, YUI
http://developer.yahoo.com/yui/download/ 를 통해서 다운받은 zip파일을 압축을 풉니다. /build 폴더를 웹 기준디렉토리 아래 /js/yui/ 에 놓아둡니다.
/js/yui/build 아래 있는 js와 skin 파일들을 사용할 수 있습니다.

저작자표시 비영리 변경금지
Ajax, Framework, Yahoo, YUI
Yahoo User Interface (http://developer.yahoo.com/yui/)
- BSD 라이센스의 오픈소스 Ajax 프레임워크

구성요소
1. The YUI Compressor : javascript, CSS 용량 최소화 기능
2. YUI Doc : javascript API 문서 생성기
3. YUI Developer Tools : Logger, Profiler, Profiler Viewer, Test Utility 등 javascript용 디버깅, 성능 개선 도구
4. YUI Core : YAHOO Global Object, DOM Collection, Event Utility 등 코어
5. YUI Library Utilities :
Animation Utility
Browser History Manager
Connection Manager (for XHR/Ajax)
Cookie Utility
DataSource Utility
Drag and Drop Utility
Element Utility 
Get Utility (dynamic script/css loading)
ImageLoader Utility
JSON Utility
Resize Utility
Selector Utility 
The YUI Loader Utility
6. YUI Library Controls/Widgets :
AutoComplete
Button
Calendar
Carousel 
Charts [experimental]
Color Picker
Container (including Module, Overlay, Panel, Tooltip, Dialog, SimpleDialog)
DataTable
ImageCropper 
Layout Manager
Menu
Paginator
Rich Text Editor
Slider
TabView
TreeView
Uploader [experimental]
7. YUI CSS Tools : 스타일 관련 도구
8. 그 밖에 290 여개의 예제와 검색 가능한 API, 입문 가이드

요즘은 DataTable 작업을 주로 하고 있습니다.

저작자표시 비영리 변경금지
Firebug, joe hewitt, Yahoo, YUI
웹개발을 하면서 데이터의 전달은 중요한 디버깅 요소입니다.
어떤 데이터들이 전달이 되었는지 firebug에서도 확인할 수 있습니다.

firebug 에서 parameter확인

firebug 에서 parameter확인


버그를 기준으로 하단 회색줄의 Net 탭을 클릭합니다. 상단의 메뉴들이 변하는데, 요약하면 다음과 같습니다.
All: 모두 나옵니다.
HTML: 이미지, CSS, JS 다 빼고 html 만 목록에 보입니다.
CSS: CSS 파일목록만 보입니다.
JS: JavaScript 파일들만 보입니다.
XHR: XmlHttpRequest 의 줄임인데, Ajax의 중심이죠. Ajax호출정보만 따로 모았습니다.
Images: 이미지 목록만 나타납니다. 아래 목록에서 썸네일을 볼 수 있죠.
Flash: 현대 웹에서 중요한 자리를 꿰찬 swf 목록이 주르륵.

목록을 클릭하면 탭이 또 보입니다. 이노무 탭 세상. 다 탭이래요. 탭댄스라도.. 또깍따그닥.
파라미터가 있는 주소면 Params 탭이 보입니다. Post방식일 때는 post라고 나옵니다.
아래 정리된 파라미터 이름과 그 옆에 값들이 보일 겁니다.

멋진 살충제입니다.
아, 살충제를 개발한 Joe Hewitt님이 Yahoo UI 팀에 fulltime firebug개발자로 이직하신다고 하네요.
n모사의 nzeo님 생각나네요. ㅎㅎ 그런 직장에 들어가기 전에는 side-job으로 firebug를 개발하셨는데, 아주 잘 되었네요. 돈 받으면서 자기가 키운 프로그램을 계속 키운다는 행복한 개발자의 이야기였습니다.

+ Recent posts

티스토리툴바