IT's Fun2016.08.16 09:17

비즈니스는 감각이라는 이야기도 있습니다만 근래에는 데이터를 기반으로 한 비즈니스가 아니라면 시장에서 성공하기 쉽지 않은 것 같습니다. 그만큼 데이터를 쥐고 있는 사업자들이 유리한 시장이고 데이터를 기반으로 머신러닝(Machine Learning)이든 빅데이터 분석(Big Data Analysis)를 잘 해내는 기업이 두각을 나타내고 있습니다. 아카마이는 전세계 인터넷 트레픽의 15~30% 를 소화하는 만큼 인터넷에 접근하는 기기의 데이터가 방대할 수 밖에 없는데요, 공식 웹사이트에서 제공되고 있는 IO INTERNET VISUALIZATIONS 페이지를 통해서 시장에서 인기있는 브라우저를 살펴볼 수 있습니다.


모바일 기기의 사용이 많아지면서 브라우저의 시장 점유율에서 모바일과 데스크탑을 어떻게 분리해야 하는가가 고민이고 데스크탑 역시 와이파이나 브로드밴드망이 아닌 모바일 망(Cellular)을 이용하는 경우가 많아지고 있어 "이것이 정답이다" 라고 말하기가 참 쉽지 않습니다. 특히 모바일의 경우 사용자가 워낙 많이 때문에 데스크탑 사용자와 함께 그 수를 측정하는 것이 옳은 방법론인지도 판단하기가 어렵습니다. IO INTERNET VISUALIZATIONS 페이지에서는 이런 조건들을 옵션으로 선택하여 데이터를 추출해 볼 수 있으니 각자의 기준에 맞추어 데이터를 추출해 보시면 재미있을 것 같습니다!




7월 1일부터 8월 14일까지의 데이터를 가지고 브라우저의 시장 점유율을 뽑아봤습니다. 동종 브라우저를 합산하지 않고 별개로 표기하고 있어서 브라우저별 점유율을 보기에는 좀 좋지 않은 것 같습니다. 아마도 사용자들의 User-Agent 값을 가지고 문자열열과 버전을 추출해서 표기하기 때문으로 생각됩니다. 대신 이 View 에서는 각 브라우저들의 세부 버전별로 추이를 확인해볼 수 있는 장점이 또 있는 것 같습니다. 실제로 8월 초까지 30% 이상의 점유율을 기록하던 가장 윗쪽의 Chrome 51 버전은 새로운 Chrome 52 버전의 출시와 자동 업데이트 기능등의 여파로 자연스럽게 손바뀜을 했다는 것을 확인할 수 있습니다. 마이크로소프트의 엣지는 아직 시장에서 이렇다할 자리를 차지하고 있지는 못한것 같습니다. 


재미있는 것은 OTT/셋탑 기기/서비스나 게임 콘솔에서 유입되는 트레픽들입니다. Roku 라던가 엑스박스로 추정되는 Microsoft, 그리고 Netflix, PlayStation, Sony 까지 다양한 사용자 에이전트 값들이 추출되고 있으며 그 그들의 합산 수치도 무시하지 못할 수준이라는 느낌입니다. 물론 브라우저 코어가 무엇이고 자바스크립트 엔진이 무엇인지가 가장 중요한 팩터이고 동일한 동작을 제공하는데 핵심이기 때문에 개개의 브라우저를 대응할 필요는 그리 많지 않아 보입니다. 특히나 표준을 왠만하면 따라가는 것이 시장의 흐름이니 왠만해서는 큰 고민을 하지 않아도 될 것 같습니다.




아카마이의 해당 페이지 하단을 보면 데이터를 CSV 로 추출할 수 있는 링크가 제공되고 있습니다. 브라우저별로 모아서 보면 어떤 추이가 보일지 궁금해서 굳이 데이터를 다운로드해서 브라우저별로 모아서 차트를 만들어 봤습니다. 크롬 브라우저가 35% 전후를 차지하며 가장 인기있는 브라우저의 자리를 차지하고 있고 인터넷 익스플로러가 또 10% 정도의 점유율을 보이고 있습니다. 그 뒤를 파이어폭스, 엣지 브라우저, 사파리등이 뒤를 이어가고 있습니다. 이 차트의 함정은 Etc 에 포함되어 있는 각 브라우저들의 하위 버전이 합산되지 않았다는 점입니다. 아카마이 웹 사이트에서 제공되는 데이터가 상위 15개의 브라우저로 제한되어 있기 때문입니다 ^^;; 그렇다 하더라도 대략적인 시장의 분위기를 확인하는데는 부족함이 없어 보이네요!


아카마이 IO INTERNET VISUALIZATIONS 로 브라우저 시장 점유율 확인해보기 [바로가기]



저작자 표시 비영리
신고
Posted by 노피디
IT's Fun2016.04.04 08:30

한동안 뜨거운 전쟁이 펼쳐졌던 웹 브라우저(Web Browser)시장이 요즘은 꽤나 조용해진 것 같습니다. 마이크로소프트의 인터넷 익스플로러 중심의 시장이 무너진 이래 크롬(Chrome), 파이어폭스(FireFox), 사파리(Safari) 등의 브라우저등이 각자의 지지층을 중심으로 일정한 시장 지분을 유지하는 트렌드와 함께 다양한 브라우저를 동시에 사용하는 사용자들이 많아진 것이 눈에 띄는 요즈음입니다. 각 브라우저마다 사용하는 이유나 목적이 있겠지만 애플의 사파리(Safari)의 경우 개인적으로는 HLS 에 대한 직접 재생을 이유로 많이 사용하고 있습니다. 


크롬이나 파이어폭스의 경우 새로운 프리뷰나 별도의 개발자 버전의 브라우저를 공개하여 새로운 기능들을 미리 사용해 볼 수 있는 기회를 주고 있기 때문에 서로 다른 셋업을 해둔 상태에서 동일한 엔진 및 렌더러 기반의 브라우저를 어느정도 분리하여 사용할 수 있었습니다. 이번에 공개된 애플의 사파리 테크놀로지 프리뷰 버전 역시 같은 맥락에서 새로운 기능들과 향후 사파리 메인 버전에 탑재될 기능들을 이용해 볼 수 있는 버전이라 생각하시면 이해가 쉬울 것 같습니다.




사파리 테크놀로지 프리뷰는 OS X 10.11.4 이상 버전의 엘 캐피탄 운영체제 환경에서만 동작되기 때문에 꼭 이 버전의 브라우저를 이용해야 하는 경우라면 운영체제의 버전을 먼저 확인하고 설치를 진행하셔야 합니다. 애플의 개발자 웹 사이트의 사파리 섹션에서 새로운 버전을 확인해 볼 수 있으며 dmg 파일을 다운로드 받아 직접 설치할 수 있습니다. 이후 버전 부터는 애플 맥 앱스토어를 통해서 지속적으로 버전 업데이트를 제공할 것이라고 하는 멘트도 눈에 띕니다.


릴리즈 노트에서 몇 가지 주목할만한 변화들을 찾아볼 수 있었는데요, ECMAScript 6 버전의 지원, 새로운 자바스크립트 엔진인 B3 의 탑재, 향상된 개발자 도구의 제공(메모리 관련 써머리, 자바스크립트 할당 타임라인 등)과 같은 것들이 테크놀로지 프리뷰에서 제공되는 기능들입니다. 그 외에도 현재의 사파리 메인 버전이 가지고 있는 버그들에 대한 픽스가 되어 있다고 합니다. 


사파리 테크놀로지 프리뷰 다운로드 받으러가기 [바로가기]




저작자 표시 비영리
신고
Posted by 노피디
IT's Fun2014.11.28 06:30

웹과 관련한 개발자, 코더 혹은 퍼블리셔로 일을 하고 있는 사람이라면 사용하고 있는 컴퓨터에 다양한 브라우저는 기본이고 각 브라우저에서 다양한 테스트 및 디버깅을 할 수 있는 도구들을 설치해 두고 사용하는 경우가 많습니다. 개발자분들은 오가는 HTTP 요청과 응답에 대한 분석에서부터 클라이언트 사이드의 스크립트 디버깅 등을 일상적으로 하고 계실것이고 코더나 퍼블리셔로 일하고 계시다면 각 브라우저에서 최적의 뷰(View)를 보장해 주기 위해서 디버깅 도구를 애용하실겁니다.


시대는 바야흐로 모바일 중심의 멀티 디바이스, 멀티 플랫폼 시대로 전이되어 단순히 컴퓨터에서 사용할 수 있는 브라우저 만으로는 역부족임을 느낄때가 많아졌습니다. 아이폰에서 구동되는 사파리에서는 개발중인 웹 사이트가 어떻게 보일지, 안드로이드 단말의 파이어폭스에서는 어떤 동작을 할지 일일이 테스트 해보지 않고는 확신을 하기 힘이 듭니다. 이런 개발자들의 고충을 잘 아는 모질라 재단에서 파이어폭스 디벨로퍼 에디션(FireFox Developer Edition)을 내놓았습니다.




사실 파이어폭스는 기본적으로 파이어버그(Firebug)라는 웹 개발 및 디버깅계의 혁신적인 툴을 내장하고 있습니다. 여기에 다양한 확장도구들을 이용하면 보다 빠르고 편리하게 웹 사이트를 검수하고 수정할 부분을 찾아내는데 도움을 받을 수 있습니다. 그럼에도 불구하고 파이어폭스 디벨로퍼 에디션이 등장한 이유는 더 다양해지고 복잡해지는 현재의 웹 환경을 위해서, 그리고 모질라 재단이 내놓은 웹 기반 운영체제인 파이어폭스 운영체제(Firefox OS)를 위해서 입니다.




신텍스 하이라이팅(Syntax Highlighting)된 HTML, CSS 그리고 Javascript 를 보다 쉽게 식별하면서도 가독성을 높인 어두운 계열의 파이어폭스 디벨로퍼 에디션 테마는 전투적으로 개발과 디버깅에 임해야 할 것 같은 강한 인상을 줍니다. 둥근 모서리가 많이 사용되며 편안한 느낌을 주었던 것이 일반적인 파이어폭스였음을 감안할때 푸른 빛이 감도는 파이어폭스 디벨로퍼 에디션의 아이콘마저도 비장함을 느끼게 해주는 듯 합니다.







파이어폭스 디벨로퍼 에디션이 제공하는 가장 큰 두가지 차별적인 도구는 통합 개발 환경인 웹IDE(WebIDE, IDE = Integrated Developer Environment)과 멀티 브라우저에 대한 테스트를 쉽게 할 수 있는 밸런스(Valence)라 하겠습니다. 웹IDE는 웹 어플리케이션 혹은 파이어폭스OS용 앱을 개발하는 사람들이 별도의 개발도구를 이용하지 않더라도 쉽게 코드를 작성하고 테스트 할 수 있도록 만들어진 개발도구입니다. 파이어폭스가 기본적으로 제공하는 디버깅 도구들과 시너지 효과를 내어 보다 쉽게 웹 기반의 어플리케이션을 개발할 수 있게 해줍니다.


밸런스(Valence)는 근래의 멀티 디바이스, 멀티 플랫폼 환경에서 다양한 사용자 브라우저를 시뮬레이션 해줌으로써 디버깅에 투입되는 시간을 극단적으로 줄여줄 수 있는 도구입니다. 최근에 개인적인 경험을 보더라도 아이폰 사파리에서의 테스트를 위해서 직접 기기를 이용해 테스트 하거나 애플이 제공하는 개발도구 Xcode 에 포함된 아이폰 시뮬레이터를 이용해서 점검을 했던 기억이 있습니다. 이런 불편함과 디버깅의 번거로움이 파이어폭스 디벨로퍼 에디션이 제공하는 밸런스를 이용해서 쉽게 해결할 수 있을 것으로 기대됩니다.



사실 대부분은 이미 일반 파이어폭스에도 있긴 합니다! 핵심은 웹IDE와 밸런스!


개발자를 위해 탄생한 파이어폭스 디벨로퍼 에디션은 웹 관련한 업무에 종사하고 있는 사람이라면 꼭 한번 설치해보고 그 유용성을 판단해 볼 필요가 있을 것 같습니다. 파이어폭스가 제공하는 동기화 기능을 이용하면 일반(?) 파이어폭스와 파이어폭스 디벨로퍼 에디션간의 북마크 등의 정보를 동기화 할 수 있습니다. 두개의 브라우저를 설치해 두고 사용하는 것이 왠지 싫다면 동기화를 하고 파이어폭스 디벨로퍼 에디션을 주력 브라우저로 사용해도 괜찮을 것 같습니다!


파이어폭스 디벨로퍼 에디션 다운로드 받으러 가기 [바로가기]



저작자 표시 비영리
신고
Posted by 노피디

티스토리 툴바