옷장수 나라

2006년 11월 4일 토요일

결혼식

KJS군의 결혼식에 갔다왔습니다.
이제 결혼식가면 한소리를 듣더군요..
XX도 결혼하는데 넌 뭐하냐?
사진은 CSS양의 한컷[html군은? ㅋㅋ]
오늘 얻은 교훈~ 남의 카메라를 탐내지 마라
이상 오늘의 잡담이었습니다.

2006년 11월 3일 금요일

심심해서(--;;;) Naver 홈페이지를 보다 뉴스페이지의 스크롤 코드를 들여다 봤습니다.
Naver의 코드 자체는 깔끔하게 잘되어있던 것 같습니다. naming rule 등도 잘 정리되어 있구요.

prototype이나 dojo 등의 라이브러리는 사용하지 않았고, dom 객체보다 document.write를 통해서 html코드를 써내려가는 경우가 많다는 점이 좀 아쉬운 생각이 들더군요. 스크롤 코드의 구조는 다음과 같습니다.

기본적인 아이디어는 다음과 같습니다. setTimeout을 호출하여 scroll을 recursion으로 호출합니다. 이 때 scroll의 안에 있는 플래그를 통하셔 스크롤할 지 또는 멈춰있을지를 결정을 하게 되는 거죠. 스크롤 자체는 어떠한 이펙트도 사용하지 않고 위치할 div의 top과 left의 style 속성을 지정함으로 scroll 대상을 이동시키고 있습니다.

그리고, onmouseover, onmouseout을 통하셔 마우스가 NvScroll위에 존재할 때는 이를 동작하지 않도록 처리도 되어있습니다. 설계 시에는 깔끔했을 것 같은데 기능추가에 따른 확장에서 약간 지저분해졌다는 생각도 들기도 합니다.

궁금하신분은 Naver의 뉴스창에서 소스를 찾아보세요 ^^

출처 : 네이버 뉴스

Exif(Exchangeable image file format)

Exif(Exchangeable image file format, 공식 약어는 EXIF가 아니라 Exif입니다.)는 디지털 카메라에서 이미지와 관련한 파일 포멧에서 이미지에 대한 상세 정보를 추가하기 위해서 만들어졌습니다. JEIDA(Japan Electronic Industry Development Association)에서 만들어졌으며 JEPG, TIFF Rev. 6.0, RIFF WAVE 파일 포멧이 지원되며 JPEG2000이나 PNG는 지원되지 않습니다.

포함되는 정보로는

날짜와 시간 정보(Data and time information)
셔터 스피드, 발광모드 등과 같은 카메라 설정 정보(Camera settings)
촬영된 지역정보(Location information)
요약 및 저작권 관련 정보(Descriptions and Copyright information)

이 포함됩니다.

그러나, Exif를 처리하기 위해서는 몇 가지 문제가 존재하기도 합니다.

공식적으로 TIFF와 JPEG만 지원하므로 사진의 원본 이미지인 raw파일에는 Exif를 넣지 못합니다.
컬러가 24bit까지 제한되어 있습니다.
동영상에는 적용하지 못합니다.

이 외의 자세한 사항은 Wikipedia를 참고하시고~, 나머진 제가 겪은 문제점입니다.

핸드폰에서는 카메라 설정 정보가 없습니다. (ㅡㅡ;; 할려면 다할 것이지)
필름 카메라를 스캔한 경우에는 스캐너의 Exif정보가 들어가거나 Exif정보가 들어갈 수 없습니다.(ㅡㅡ;; 이건 또 뭔짓이여..)

※ 좌측의 사진은 필카로 찍은 후 스캐너로 스캔한 사진으로 NORITSU KOKI라는 일본의 카메라 회사와 스캐너 정보(QSS-32)를 우측의 사진은 SK텔레텍의 IM-U100의 카메라로 찍은 사진의 정보입니다.
※ 사진은 블루님의 블로그, (주)활력을 마시다. 벌컥벌컥 완샷~!의 사진의 Exif 정보입니다. 이자리를 빌어 블루님께 감사의 말씀을~ (__)

출처: Wikipedia의 Exif페이지

Image Preloading

Image Preloading은 Image tag생성 후 src를 설정하게 되는 경우 브라우저 내부에서 이미지 프리로딩을 시작하게 됩니다. new Image()로 생성하는 코드를 처음 봤는데요. koders.com에서 검색해보니 그렇게 자주는 아니지만 사용하는 프로젝트가 제법 보이더군요 .

그런데, 재미있는 사실은 ECMA 표준이나 developer.mozilla.com의 Gekko DOM 문서에도 Image 클래스에 대한 설명은 없더군요. new Image() 는 document.createElement("img")와 동일한 역할을 합니다.

P.S.

나미님이 찾아주신 Image 클래스에 관한 내용입니다. option 태그에 대해서 new Option()으로 사용한 사람도 있더군요. 표준일까요? 궁금해지네요.. FF와 IE 모두 동작하는 코드입니다.

2006년 11월 2일 목요일

Mac에서 시디 굽기

지민아빠님께 들은 Mac에서 시디 굽는 방법입니다.
Mac의 Finder를 선택한 다음에 메뉴를 보게 되면 '파일 > 새로운 굽기 폴더' 항목을 찾을 수 있습니다.

이 메뉴를 클릭하게 되면 선택한 Finder가 가르키고 있는 폴더에 굽기폴더라는 놈이 생성이 됩니다.

굽기 폴더에 파일을 넣고 디스크 굽기를 누르면 디스크가 구워집니다.

사용하는 디스크가 CD-RW여서 파일을 삭제해야 하는 경우에는 '응용프로그램 > 유틸리티 > 디스크 유틸리티'를 실행 시키시면 됩니다. 디스크 유틸리티가 뜨면서 CD-RW를 인식하게 되는데요. CD-RW를 선택한 다음에 지우기를 선택하면 파일이 초기화 됩니다.

Techcrunch에 나왔던 VOX에 관한 기사에...

Korean flower card(화투)가 숨어 있었다.

출처: There’s Still Room for More and Better Social Networking: An Interview with SixApart’s Andrew Anker

2006년 11월 1일 수요일

JotSpot이 구글에 인수되었네요.

구글이 JotSpot을 인수하였군요.
Google docs & Spreadsheets가 있는 상황에서 JotSpot의 인수는 Wiki based system에 대한 인수라 생각되네요.
뭐.. 어쨌든.. 다음 대상으로 zoho만 인수한다면.. Presentation까지 갖춰질 수 있지 않을까 생각이 듭니다만,

결국에는 Yahoo가 JotSpot을 인수한다는 얘기는 루머로 끝났습니다만,
웹 오피스에 대해서 아무것도 가지지 못한 Yahoo에서 어떤 선택을 할지 모르겠네요.
Dojo를 인수하기에는 Dojo Foundation을 Yahoo에 통합하기에는 좀.. 무리일 것 같기도하고, 반대로 Dojo나 Zoho를 인수함으로 Openajax community에 들어갈 수도 있을 것 같기도 하구요.

뭐... Web 2.0의 로망은 뭐니뭐니해도 로또같이 툭 터져나오는 구글인수가 가장 재미있는 소식이 아닐까 싶네요 ^^

출처 :

Google Acquires JotSpot: Adding to Google's Web Office Armory

이미지 출처 :

http://www.lotto645.com/