레이블이 Safari인 게시물을 표시합니다. 모든 게시물 표시
레이블이 Safari인 게시물을 표시합니다. 모든 게시물 표시

2009년 12월 21일 월요일

Firefox 3.5 세계에서 가장 인기 있는 웹브라우저 되다

StatCounter 통계에 의하면 현재 세계에서 가장 인기 있는 웹브라우저는 Firefox 3.5인 것으로 나타났습니다.
Firefox 3.5가 IE 6,7,8을 모두 제치고 1위로 올라섰다

Firefox 3.5가 IE 6,7,8을 모두 제치고 1위로 올라섰다


물론 IE의 모든 버전을 합치면 여전히 두배가량의 격차를 가지고 있지만 IE6와 IE7이 상당히 점유율을 잃고 있고, IE8의 상승세가 그렇게 크지 않다는 점을 볼 때 Firefox 3.5가 가지는 '1위 등극'의 의미는 남다를 수 밖에 없을 것 같습니다.
버전과 관계없이 브라우저별 점유율에서는 IE가 여전히 선두다

버전과 관계없이 브라우저별 점유율에서는 IE가 여전히 선두다


하지만 이런 상황에서도 한국은 여전히 IE의 초강세를 벗어나지 못하고 있습니다. IE8의 점유율 향상이 그나마 다행스럽게 여겨지는 대목입니다. 그런데 Firefox 3.0과 3.5는 기대만큼 상승 분위기를 타지 못하고 슬며시 하향 곡선을 그리고 있는 것이 보이네요.
한국의 웹 브라우저 점유율. IE8의 상승률이 두드러진다.

한국의 웹 브라우저 점유율. IE8의 상승률이 두드러진다.


위 그래프만 놓고서 2010년을 예측하는 것은 위험할 수 있지만 적어도 전세계적으로는 Firefox가 더 이상 IE6보다 점유율이 낮기 때문에 지원 브라우저에서 빠질 일은 없을 것 같습니다. 반대로 IE6에 대한 개발 리소스 등을 이유로 들어 지원을 중단하는(이미 몇 몇 기업들이 그런 움직임을 보이기도 했죠) 상황도 연출되리라 봅니다.

문제는 우리인데. 현실적으로 Firefox에게 큰 기대를 걸기는 어려울 것 같습니다. 하지만 웹표준을 비교적 잘 준수하고 있는 IE8의 상승폭이 작지 않다는 점. 그리고 올 하반기 아이폰의 정식 출시로 인해 2010년의 최대 화두 중 하나는 '스마트폰'일 것이며, 스마트폰으로 즐기는 인터넷이 큰 이슈가 될 것이라는 점입니다. 아이폰의 기본 브라우저는 사파리이며, 모바일 브라우저의 최대 강자는 '오페라'죠. 내년이 그렇게 암울할 것 만 같지 않은 까닭은 거기 있습니다. 2010년에 불여우가 조금 더 힘을 내 주기를 바라면서 2009년보다 더욱 더 아름다워질 대한민국 인터넷을 꿈 꿔 봅니다.

2009년 10월 6일 화요일

브라우저가 뭐야?

컴퓨터를 이용하는 대다수의 사람들은 웹 브라우저에 대해서 제대로 이해하고 있지 못하는 경우가 많다. 윈도우에서는 파란색 지구 아이콘이 곧 인터넷이라고 인지할 뿐이고, 맥에서는 나침반 아이콘을 인터넷이라고 여긴다. 사용자들에겐 지금 이 순간 인터넷을 이용할 수 있는 것이 중요한 사실일 뿐. 그것이 웹 브라우저라는 프로그램이고, 내가 지금 사용하고 있는 것 이외의 다른 것이 또 존재해서 선택에 대한 고민을 해야 한다는 것에 스트레스를 받을지도 모른다.

What Browser? Website

What Browser? Website


구글은 그런 사용자들을 가르치고 싶었나보다. 그들은 What Browser? 라는 사이트를 만들어 놓고, 웹 브라우저의 역사와 자바스크립트가 얼마나 많이 발전했는지, 지금 사용하고 있는 당신의 브라우저의 성능은 어느정도인지. 당신이 사용하고 있는 브라우저 외에 설치할 수 있는 브라우저는 무엇 무엇이 있는지, 새로운 브라우저에서 홈페이지를 변경하는 것, 기본 브라우저를 변경하는 것 등을 꼼꼼하게 설명하고 있다.

만약 당신이 맥에서 파이어폭스를 사용하고 있다면, WhatBrowser.org는 Try a New Browser를 통해서 오페라, 파이어폭스, 사파리를 새로 설치할 수 있다고 보여줄 것이고, 윈도우에서 인터넷 익스플로어를 사용하고 있다면 오페라, 구글 크롬, 파이어폭스, 인터넷 익스플로어, 사파리를 보여줄 것이다.

그리고 A few useful tweaks에서 각 브라우저별로 다른 홈페이지 설정, 검색엔진 변경, 기본 브라우저 설정에 대한 가이드를 아주 친절하게 보여줄 것이다.

2009년 2월 27일 금요일

Firebug로 CSS를 빠르고 쉽게하자

Tutorial9에 올라온 Quick & Easy CSS Development with Firebug 글입니다. 번역은 아니고, 원문을 읽고 간단히 요약 정리한 것입니다.

Firebug 설치
  • 모질라 애드온 사이트에서 내려받을 수 있습니다. (Firebug 웹사이트에서도 받을 수 있습니다.)
  • 설치가 완료되면 Firefox 하단에 주황색 벌레 아이콘이 생깁니다. 클릭을 하면 현재 보여지고 있는 웹 페이지의 HTML과 CSS, JavaScript 소스가 보여집니다.

Firebug를 이용해서 CSS 실시간으로 수정하기
Firebug는 인터넷에 개시된 웹 페이지의 CSS를 실시간으로 수정할 수 있죠. 다음은 원문에 포함된 동영상입니다. FIrebug를 이용해서 실시간으로 CSS를 수정하는 모습을 보여주고 있습니다.


그런데 종종 이렇게 수정된 내용이 서버에도 그대로 저장된다고 생각하시는 분들이 계십니다. 그렇지 않구요 개발자가 원본 CSS를 수정해서, 저장한 뒤에 웹 브라우저를 새로고침하는 과정이 복잡하고 반복되다 보면 시간을 많이 소모시키기 때문에 정확한 CSS를 빨리 찾아낼 수 있도록 제공되는 기능이라고 생각하시면 됩니다.

Internet Explorer를 위한 Firebug

Firebug 웹사이트에서는 Internet Explorer 를 위한 버전도 제공하고 있습니다. Firefox 처럼 부가기능으로 설치되는 것이 아니라 자바스크립트를 HTML 문서에 포함시켜 비슷하게 만들어주는 기능을 합니다. 때문에 Firefox와 Opera, Safari에서도 그대로 적용할 수 있습니다. 단지 <head> 안에 다음과 같이 스크립트를 한 줄 추가해 주시면 됩니다.
<script type='text/javascript' src='http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js'></script>
하지만 그다지 사용을 권해 드리고 싶지는 않네요. IE 7 이상부터는 MS에서 제공하고 있는 IE Developer Toolbar가 있고, Opera 역시 Dragon Fly라는 멋진 디버깅 툴을 자체 지원합니다. IE 버전별로 IE Developer Toolbar를 사용할 수 있는 방법은 나라디자인에 올라온 '여러 버전의 IE에서 IE Developer Toolbar 사용하기'를 참고하시면 됩니다. (찬명님께서 며칠 간 사용해보신 후 다소 버그가 발견되고 있어 패치 이전까지는 권장하지 않는 다는 글을 새롭게 올리셨네요.)

2008년 11월 1일 토요일

파이어폭스 점유율 20% 넘을듯

파이어폭스 10월중 일일 전세계 점유율 20%

10월 중 20% 내외의 점유율을 유지하고 있는 파이어폭스

Market Share11월 1일자 헤드라인 기사로 파이어폭스가 10월중 2주간 세계 점유율 20%를 기록(Firefox Hits 20% Share for 2 Weeks in October)했다는 기사가 올라왔습니다.

9월을 기점으로 파이어폭스 3.0이 2.0을 미뤄 내면서 점유율을 점차로 늘리더니 기어이 10월에 이르러 19% 중후반과 20%초반을 아슬아슬하게 오가며 세계 시장 점유율 20% 돌파의 구부능선을 넘었다고 볼 수 있을것 같습니다.

연말 출시를 목표로 하고 있는 파이어폭스 3.1이 힘을 보탠다면 연 내 20% 시장 확보는 어렵지 않겠나 하는게 제 생각입니다. 상대적으로 익스플로어는 지속적으로 하락세를 보이고 있습니다. 8월 72.15%, 9월 71.52%의 점유유을 보이더니 10월에는 71.27%까지 떨어져 있습니다. 파이어폭스의 꾸준한 상승세도 있지만 9월에 출시된 구글의 크롬(0.74%)과 파이어폭스와 함께 꾸준히 점유율을 끌어 올리고 있는 사파리(6.58%),오페라(0.75%)의 선전하고 있어 보입니다.

국내 사정은 여전히  익스플로어의 절대 강세로 나타나고 있지만(10월 점유율 98.71%, 인터넷 트랜드) 파이어폭스의 점유율이 소폭이긴 하지만 꾸준히 오르고 있다는 점과 크롬 브라우저의 출시 이후 익스플로어 이외의 브라우저에 대한 관심도가 높아지고 있다는 점이 눈에 띄고 있어 앞으로의 브라우저 점유율 변화가 흥미로울 것 같습니다. 10월 국내 파이어폭스 점유율이 0.83%으로 국내 인터넷 사용자수를 2천만으로 추산했을때 대략 16만명 이상이라는 숫자가 나옵니다. 전체에 비해 적은 수일지 모릅니다. 하지만 파이어폭스를 사용하는 16만이라는 수의 상당수가 인터넷을 적극적으로 활용하는 사용자층이라고 볼 때 쉽게 간과할수만은 없지 않을까 싶습니다.

2008년을 두달여 남겨둔 시점에서 파이어폭스의 전세계 점유율 20% 돌파와 국내 점유율 1% 돌파를 이뤄 낸다면 2009년 한국의 웹 생태계에 신선한 변화를 기대해 볼 수 있지 않을까 하고 희망해봅니다. 조금더 욕심을 부리자면 익스플로어의 점유율이 전세계 70% 이하로, 국내 점유율 90% 이하로 떨어졌으면 좋겠습니다. 제발 말이죠.

2008년 7월 18일 금요일

Cross Browsing Level

크로스 브라우징은 프로젝트를 웹표준으로 진행하는 경우 가장 쉽게 논의되고, 많이 고려되는 사항이다. 특히 웹표준이나 접근성에 대한 이해나 지식이 부족한 클라이언트에게는 눈에 보이는 결과에 대한 증명이 필요하고, 크로스 브라우징은 그러한 결과로 가장 많이 거론되는 상황이다. 하지만 많은 경우 웹퍼블리셔와 기획자, 개발자 간에 어느정도 선으로 크로스 브라우징을 처리해야 하는지에 대한 논의가 제대로 이루어지지 않는 경우가 많고, 구두상으로 MSIE 6,7과 최근에 이슈가 되고 있는 Firefox정도를 맞춰달라는 식의 거래(?)만 이루어지기도 한다. 그래서 제작에 앞서 문서를 통해 크로스 부라우징에 대한 처리를 확실히 짚고 넘어가기 위해서 아래와 같은 표를 만들었고, 기획자와 공유하고, 클라이언트 또는 개발자와 논의를 거쳐 단계를 설정하여 진행을 하면 오픈 이후에 뒷말이 나오는 것을 줄일 수 있다.
 
다음 표는 제가 작성해서 일부 프로젝트에서 사용했던 것인데, 절대성은 없으므로 저와 비슷한 고민을 안고 필요성을 느끼는 경우 참고하였으면 하여 공개합니다. 2008년 7월 18일 기준으로 작성(수정) 하였으며, 더 나은 기준이나 표가 있다면 제게도 알려주셨으면 합니다.
 
Level Browser Win 98 Win XP Win Vista Linux Mac OS
0 MSIE 6.0        

MSIE 7.0        
1 MSIE 6.0      

MSIE 7.0      

Firefox 2+  
2 MSIE 8.0        

Safari 3+    

Opera 9+  
3 Camino 1+        

Flock 2+      

Galeon 2+        

Konqueror 3+        
* MSIE 5.5      
 
크로스 브라우징 단계는 크게 3개의 단계와 0단계, 그리고 *단계로 처리되는 예외 단계로 구성했다.
 
  • 0단계
    0단계는 크로스브라우징을 고려하지 않겠다는 의미의 단계로 시장에서 가장 많이 사용되고 있는 대표 운영체제와 브라우저 1,2개만을 대상으로 삼는 것이다. 현재는 윈도우 기반의 MSIE 6,7이 대상이다.
     
  • 1단계
    1단계는 0단계를 포함하며, 웹표준을 준수하기 위한 최소한의 범위다. 표준 지원률과 시장 점유율에 따라 Firefox 2 이후의 브라우저를 포함한다. (1단계 정도만이라도 제대로 지원해준다면 2,3단계의 거의 모든 브라우저의 크로스 브라우징을 해결할 수 있다.)
     
  • 2단계
    2단계는 0단계와 1단계를 포함하며, 1단계에서 일정과 인력의 문제로 포함시키지 못했던 주요 고려대상 브라우저를 포함한다. Beta 버전으로 출시중인 MSIE 8과 사용자 층이 확대되고 있는 Safari, Opera 브라우저가 포함된다.
     
  • 3단계
    3단계는 0,1,2단계를 모두 포함하는 최종 단계로 확인 가능한 모든 브라우저의 크로스 브라우징을 말한다. 하지만 현존하는 모든 브라우저를 테스트하기란 사실상 불가능에 가깝고, 1,2단계를 통한 크로스 브라우징을 충분히 처리했다면 모든 브라우저 테스트는 무의미함에 가깝다. Camino, Flock, Galeon, Konqueror등 리눅스용 브라우저들을 포함한다.
     
  • *단계
    별표(*)단계는 브라우저 사용률이 최근 많이 떨어져서 거의 사용되지는 않으나 특별히 고려 대상으로 포함되는 경우에 해당한다.
위와 같이 크로스 브라우징 레벨을 만들어놓기는 했지만, 개별 브라우저의 시장 점유율이나 버전업 등 새롭게 나타나는 이슈들에 의해서 유동적일 수 있고, 대상이 되는 서비스나 사이트에 따라서도 달라질 수 있음을 고려하자.

2008년 3월 27일 목요일

사파리 Acid3 100점 찍고 1등되기?

 에플의 사파리 웹브라우저 엔진으로 사용되는 WebKit이 Acid3 Score 100점을 찍었다.

사용자 삽입 이미지
 

소식을 접하고 참 놀랍다는 생각을 가장 먼저 했고 너무 성적에 집착하는 것은 아닌가 하는 생각도 들었다. 하지만 애플의 노력이 얼마나 대단한지 새삼 느껴지는 순간이다. 애플의 이같은 행보는 좁게는 웹 표준 기술의 선구적인 입지를 가지려는 것 같고, 넓게는 윈도우용 사파리를 통해 맥과 윈도우 사이의 장벽을 해소하면서 윈도우 사용자들의 맥 유입을 늘려보고자 하는 사업적인 계획이 깔려 있어 보인다. 사파리가 이처럼 웹 표준 기술을 수준 높게 지원하고 브라우저 점유율을 높여가면 금융권등 많은 사이트들이 사파리에서도 잘 작동되는 서비스를 개발하게 될 것이고 자연스럽게 맥 유저를 높일 수 있는 계기를 가질 것이기 때문이다.


여하튼 MS의 IE 8 이 Acid2 를 통과했다는 소식 이후로, 에플의 Acid3 통과 의지는 가속화 된 듯 했고, 결과적으로 최초로 Acid3를 통과한 브라우저로 이름을 남길수 있게 되었다. 최근 윈도우용 사파리까지 발표하면서 다분히 MS와 대결양상을 보이는데 꾸준한 상승세로 MSIE의 점유율을 낮추고 있는 Mozilla의 Firefox와 함께 3파전으로 흘러갈 공산이 커 보인다.


MSIE는 계속해서 점유율을 잃어가겠지만 하루아침에 뒤집할만큼 호락호락한 브라우저가 아니고, FF는 여세를 몰아 계속해서 IE를 몰아 붙일 것이고, 사파리는 웹표준 기술을 가장 완벽하게 지원한다(Acid3)는 점을 내세워 윈도우 버전을 통한 점유율 증가를 노릴 것이다. 3사가 경쟁적으로 웹 표준 기술을 지원하고, 꾸준한 업데이트를 진행한다면 머지않아 특정 브라우저가 시장을 독식하지도 않을 것이고 핵심 기술의 표준화를 통해 웹이 깨지는 것을 막고 새로운 브라우저들의 시장진입을 열어주는 계기도 갖게 되지 않을까 하는 기대감을 갖게 한다.


물론 하위호환성을 무시할수 없는 현실에서 실무자(웹퍼블리셔와 웹개발자)들에게는 향후 몇년간이 가장 고단한 시기가 될 것이다. 윈도우가 Vista로 완전히 넘어가기 전까지 IE6 이하 버전은 여전히 사용될 것이고, 파이어폭스 2/3, 오페라와 사파리 등 가히 브라우저 춘추전국시대를 방불케 하는 시장이 될 것으로 보이기 때문이다. 하지만 어느 시기이든 진통이 없이는 새로운 결과 역시 없을 것이다. 이 혼란기가 지나면 아무리 많은 브라우저가 생겨도 웹 표준을 따른 수많은 사이트들은 아주 잘 보여질 것이기 때문이다.