HOME

26
2월
2009

모바일을 위한 DTD의 종류와 특징

모바일 기기는 다음과 같은 특성을 가집니다. 적은 메모리 용량, 적은 저장 공간, 작은 스크린 사이즈, 느린 CPU, 입력방법의 제한, 전원(밧데리)의 시간 제한 초기의 모바일 기기들은 웹을 사용하기에는 성능이나 메모리, 스크린사이즈가 매우 조악하였기 때문에 모바일 기기에 특화된 언어로 WML(wireless Markup Language)를 사용했습니다. 현재 쓰이는 HTML 과는 차이가 있으며, XML기반으로 만들어졌기 때문에 문법 검사에 매우 엄격합니다. Deck, Card 라는 특이한 개념(페이지와 유사하여, 하나의 WML문서에 여러개의 card를 만들어 여러페이지의 문서를 만들 수 있음)을 제외하면 사용되는 태그는 HTML 과 유사한 면이 있지만, 문법검사가 XHTML과 비슷하여 xml 문법을 따르기 때문에 문법 오류가 자동 수정되지 않습니다....

18
2월
2009

웹사이트 최적화 : 8bit PNG 활용하기

21세기가 시작된 지 거의 10년이 다 되어가는 2009년에 이르러 네트워크와 인터넷은 놀라운 발전을 이뤄왔습니다. 웹브라우저 시장은 MS의 Internet Explorer가 독점하는 상황을 벗어나서, 지금은 파이어폭스, 사파리, 오페라, 크롬, … 기타 등등 수많은 브라우저가 서로 웹표준을 향해 경쟁하는 행복한(?) 시대가 되었지요. 하지만, 이런 상황에서도 웹브라우저가 공식적으로 지원하는 이미지 형식은 아직까지는 GIF, JPG, PNG 세 가지 뿐입니다. (BMP는 논외) 그 중에서 가장 돋보이는 포맷은 바로 PNG 인데요… 하지만, 이전에 작성했던 나를 미치게 하는 PNG 라는 포스트에서도 밝혔듯이.. IE6 의 점유율이 10% 이하로 떨어지지 않는 한, PNG의 혜택을 누리기에는 무리가 있습니다. 이런 상황에서 갑자기 8bit...

19
6월
2008

IE6 의 CSS 다중선택자 버그에 대해

CSS에서 사용하는 다중 선택자(Multi Class)란 동일 엘리먼트에 여러개의 선택자(id, class)를 동시에 적용하기 위한 목적으로 여러개의 선택자를 사용하는 것을 말합니다. CSS1에서 선택자의 개념이 사용된 후, CSS2에서 다중 선택자가 추가되어 사용되고 있는데요, CSS를 사용해 웹사이트를 개발하다 보면 다중선택자는 매우 편리한 존재임을 알 수 있습니다. 위의 코드는 다중 선택자를 적용하여 foo 클래스와 bar 클래스의 속성을 하나의 엘리먼트에 동시에 적용한 예제입니다. 또한 클래스를 붙여서 선언하게 되면 평소에는 적용되지 않다가 두 클래스가 동시에 적용될 경우에만 별도의 효과를 주는 것도 가능합니다.이렇게 여러 개의 클래스를 하나의 엘리먼트에 적용하여 서로 다른 효과를 동시에 적용할 수 있고, 이 다중...

19
5월
2008

마이크로포맷을 사용해볼까요?

1989년, 팀 버너스 리(Tim Berners-Lee)는 네트워크에서 정보를 전달하고 서로 연결하기 위하여 WWW(world wide web)라는 시스템을 고안하고, 이를 구현하기 위해 URL, HTTP, HTML 규약을 만들었습니다. HTML은 그 단순함과 범용성, 호환성을 바탕으로 현재까지도 인터넷에서 정보의 전달을 위한 포맷으로서의 역할을 훌륭히 수행하고 있지요. 하지만 WWW가 탄생된 지 20년이 되어가는 현재 시점에서는 폭발적인 정보 증가량, 멀티미디어화 된 정보, 새로운 기술의 욕구 등으로 인해 HTML 만으로는 정보 전달에 있어 역부족인 상황이 되었습니다. 이 문제를 해결하기 위해 새로운 기술과 이론이 계속 발표되고 있으며, Flash, Silverlight, Javascript, 웹표준, 그리고 UX, RIA, Web 2.0, 시멘틱 웹 등등 많은...

01
4월
2008

나를 미치게 하는 PNG

인터넷 브라우저에서 사용할 수 있는 이미지는 아시다시피 GIF, JPG, PNG 가 있습니다. 그중, 웹에서 사용할 수 있는 이미지로서의 PNG 는 GIF 나 JPG 에 비해 많은 장점을 가지고 있습니다. PNG 는 “Portable Network Graphics” 의 약자이며, 프리웨어이고, JPG 와는 달리 무손실압축(원본과 완전히 같음)을 지원하며, 24bit(1670만) 컬러를 구현합니다. 무엇보다도 알파채널, 즉 반투명을 지원한다는 큰 장점이 있죠. 단점이라면, GIF 처럼 애니메이션을 지원하지 못한다는 것과, 파일 크기가 다소 크다는 점이지만, 큰 단점은 아닙니다. (사실, 구버전의 포토샵에서 PNG로 저장할 때 용량이 비정상적으로 커지는 버그 때문에 PNG 에 대한 편견이 부각된 점도 있습니다.) PNG References...

18
3월
2008

재테크에 대한 단상 II

이젠 펀드도 안되나 보다… 작년 2007년만 해도 펀드는 재테크의 시작이요, 은행에 돈 넣어두면 바보 취급을 당했었는데 지금의 펀드는… 미국 증시에 조그만 문제만 있으면 엄청난 기복을 타고 있으니… 예를 들면, 오래 묶어두셨던 분들이라면 작년 말의 펀드 폭락에 100% 수익에서 50% 수익률로 내려서 “약간 손해를 봐도 전체적으로 이익” 정도로 끝났지만, 펀드 열풍을 타고 작년에 가입하셨던 분들의 수익률은 20% -> -50% 정도 된 거 보면… 대략 난감하더라.그냥 조금 멀리 떨어져서 제3자의 눈으로 보자면… 우루루 펀드에 몰렸던 개미 투자자들은 증시의 조그만 오르내림에도 얼마 되지 않는(?) 투자금의 +, – 를 넘나드는 수익률에 울고 웃는 모습은...

07
3월
2008

Internet Explorer 8 Beta1 의 등장

미국 라스베가스에서 현지시간 3월 5일~7일 일정으로 진행되고 있는 MIX08 Conference 에서 Internet Explorer 8 Beta1 버전이 발표되었습니다. 이전 기능을 통합하는 새로운 기능, 웹표준을 지원하는 새로운 렌더링 엔진이 큰 특징이라고 할 수 있습니다. 최근 IE8 에 대한 소식이 잦다는 느낌이 들었는데, MIX08 컨퍼런스를 통해 Beta1 버전을 일반 사용자도 다운받아서 사용해볼 수 있도록 제공하고 있네요.이번 버전은 개발자와 디자이너들을 위한 Beta1 버전으로, 일반인들까지 대상으로 하는 Beta2 버전은 여름 쯤에 제공하겠다고 밝혔답니다. 개발자와 디자이너들에게는 이번 Beta1 버전을 통해 미리 IE8 이 정식으로 발표될 때를 준비하라는(?) 메세지를 주고 있는 것 같습니다. ^^;; 아직까지는 기존의 IE7...

27
2월
2008

웹브라우저를 위한 웹표준 테스트 Acid test

최근들어 MicroSoft 에서 개발중인 Internet Explorer 8 이 Acid2 test 를 통과했다던가, 새로운 웹표준 테스트로 발표된 Acid3 가 웹브라우저 시장에 좌절을 안겨주고 있다는 소식이 들려오고 있습니다. 특히 IE8 이 Acid2를 통과했다는 소식은 이제 IE도 악명높은 IE6 의 비정상적인 렌더링을 벗어나 웹표준을 잘 지킬 수 있지 않느냐 하는 희망을 주기도 했는데요… 그런데 과연 이 Acid 테스트라는 것은 무엇일까요? Acid 테스트란 웹브라우저들이 웹 표준을 어느정도로 지원하면서 렌더링을 하는지 측정할 수 있도록 작성된 예제 페이지를 말합니다. 단 한장의 페이지에서 수많은 웹표준 스펙을 포함하고 있으며, 그래픽이 얼마나 잘 표현되는지의 결과를 통해 해당 브라우저의 웹표준...

17
1월
2008

서브노트북이라는 관점에서 본 Macbook Air

요즘엔 본업에 관련된 포스팅은 안하고 맨날 이런 지름신 관련 포스팅만 하네요 ^^;;; 간만에 지름신이 내려주시는 모델이 등장했습니다. 예전에 한번 언급했었던 적이 있죠? 애플이 초슬림 서브 맥북을 만들 것이라고 하는… 그 실체가 드디어 서류봉투에서 등장했습니다~ 바로 이녀석입니다. 초슬림형 서브 맥북… 맥북 에어 (Macbook Air) 미국 샌프란시스코에서 현지시간으로 15일에 맥월드 엑스포에서 발표된 제품 중에 하나입니다. Intel 코어2듀오 1.6GHz CPU Macbook Air Special Edition (Optional 1.8GHz) 2GB RAM 80GB 4200rpm PATA HDD (Optional 64GB Solid-State-Disk) 멀티터치 가능 터치패드 13.3인치 와이드 LCD (LED Backlight, 1280*800) 풀사이즈 키보드 iSight 카메라 내장 802.11n Wi-Fi2 , Bluetooth...

04
1월
2008

컨셉 키보드 Optimus Tactus Keyboard

저는 컴퓨터 입력기기에 대한 욕심이 많은 편입니다. 현재도 마우스보단 6*8사이즈 타블렛을 많이 사용하고 있구요. 만원도 안하는 키보드를 주로 이용하는 다른 사람들이 보기에는 “너 미쳤구나”라고 하실 만한 키보드도 사용하고 있습니다. 물론 마우스도 일반적인 것(?)은 아닙니다. ㅋㅋ 몸에 직접적으로 접촉하는 것은 이유불문 좋은 것을 쓰자! 는 것이 저의 원칙 중 하나이기도 한데요. 최근 키보드 쪽에 관심있으신 분은 어느 러시아 연구소의 칼라OLED 내장 키보드를 아실 겁니다. 바로 이 물건이죠, Optimus Maximus Keyboard. 113키의 모든 키캡에 인쇄 대신 칼라 OLED가 내장되어 있구요, 사용자 설정에 따라 표시 문자도 다양하게 바꿀 수 있습니다. (위는 러시아 문자...