티스토리 툴바

달력

052012  이전 다음

  •  
  •  
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  •  
  •  

웹을 접해본사람 이라면 왜 모든 브라우저의 종류가 여러가지이고, 이것들이 왜 틀리게 나오는지 궁금해 하는 사람들이 있을 수 있다.

그 이유는 바로 레이아웃 엔진(layout engine) 또는 랜더링 엔진(rendering engine)인
웹 콘텐츠(HTML, XML, 그림 파일 등)포맷 정보(CSS, XML 등)를 가져 와서 화면에 해당 콘텐츠를 정리하여 보여 주는 소프트웨어를 말한다.

레이아웃 엔진들은 우리가 웹에서 보는 웹 브라우저, 이메일등 클라이언트와 같은 웹 콘텐츠를 보여 주거나 편집하는 데 쓰인다. 


- 대표적 브라우저 -

 엔진이름

브라우저

 게코(Gecko)  모질라에서 제작. 파이어폭스, 썬더버드, 시몽키 등
 트라이던트(Trident)  마이크로소프트제작. 인터넷 익스플로러, 아웃룩 익스프레스, 마이크로소프트 아웃룩, 그리고 윈앰프, 리얼플레이어의 미니 브라우저 등
 프레스토(Presto)  오페라 소프트웨어의 사유엔진. 오페라
 KHTML  KDE의 컨커러
 웹키트(Webkit)  KHTML의 파생엔진. 사파리, 크롬 등
 태즈먼(Tasman)  마이크로소프트 엔진. 맥용 인터넷익스플로러

  트라이던트 기반
: AOL익스플로러, 아방트, 에니그마, 맥스톤, 슬림브라우저, 네오플래닛, 넷캡터, 네스케이프 8, 인터넷익스플로러4,5,6,7,8,9 아이라이더, 스마트브로, 슬레이프니르, 텐센트트래블러, 울트라브라우저

: 트라이던트(Trident)는 마이크로소프트 윈도 버전의 인터넷 익스플로러가 채용하고 있는 레이아웃 엔진의 이름이다. MSHTML로도 알려져 있으며, 1997년 10월에 인터넷 익스플로러 버전 4.0의 출시에 힘입어 처음 도입되고 나서 오늘날까지 꾸준히 업그레이드되어 왔다. 인터넷 익스플로러 버전 7의 경우, 마이크로소프트는 트라이던트 레이아웃에 크나큰 변화를 주어 웹 표준 대응을 개선하고 새로운 기술을 지원하고 있다.

 게코 기반
: AT&T포고, 비오넥스커뮤니케이터, 카미노, 닥질라, 에피파니, 페넥, 플로크, 갤리언, K-멜레온, K-닌자, 가제하카세,매드폭스, 미니모, 모질라, 모질라 파이어폭스, 네스케이프6~9, 시몽키, 스킵스톤, 슬레이프니르, 송버드, 제로뱅크브라우저

: 게코(Gecko)는 레이아웃 엔진이다. C++로 작성되었으며 여러 운영체제들을 지원한다. 모질라 공개 라이선스(MPL), GNU 일반 공중 사용 허가서(GNU GPL), GNU 약소 일반 공중 사용 허가서(GNU LGPL)을 따른다. 게코는 1997년 디지탈스타일을 사들인 넷스케이프커뮤니케이션스에 의해 처음 만들어졌다. 넷스케이프 나비게이터 1.0 때부터 쓰여 온 기존의 레이아웃 엔진은 인터넷 익스플로러의 레이아웃 엔진보다 못하다는 인식이 지배적이었다. 그것은 느렸으며 W3C 표준에도 맞지 않았고 DHTML에 대한 지원이나 페이지를 새로 불러올 때의 페이지 요소 재정렬 면에서도 좋지 않은 모습을 보여주었다. 게코는 처음에는 넷스케이프 코뮤니케이터가 어느 정도 만들어졌을 때 넷스케이프 코뮤니케이터에 끼워넣는 것을 목표로 하고 기존의 레이아웃 엔진과는 별개의 차원에서 만들어졌으며 게코가 만들어지는 동안 기존의 레이아웃 엔진을 사용하는 판이 몇 개 더 나왔다.
98년 모질라 프로젝트가 만들어진 뒤 게코는 오픈소스 계약서에 따라 나왔다. 처음에는 랩터(Raptor)라는 이름이 붙여진 채 나왔으며 상표권 문제 때문에 얼마 뒤 Next Generation Layout(다음 세대 레이아웃)의 약자 NGLayout으로 이름이 바뀌었다. 넷스케이프커뮤니케이션스는 그 뒤 이름을 다시 게코로 바꾸었고(그 때 넷스케이프커뮤니케이션스가 게코의 상표권을 가졌기 때문에 모질라 프로젝트에서는 NGLayout이라는 이름을 바꾸지 않으려고 했다) 게코는 한동안 NGLayout과 XPFE(Cross-Platform FrontEnd, XML 기반 사용자 환경)를 보조하는 요소 정도로만 쓰였으나 오늘날에는 어엿한 하나의 레이아웃 엔진으로서 쓰이고 있다.
1998년 10월 넷스케이프커뮤니케이션스는 다음 브라우저에 게코(그 때는 NGLayout이라고 불렸다)를 레이아웃 엔진으로 탑재할 것이라고 했다. 이는 웹표준 지지자들의 큰 박수를 받은 한편 소프트웨어의 대부분을 다시 만들어야 된다는 것 때문에 6달 안에 이 작업을 완수하라는 임무를 받은 넷스케이프 개발자들로부터는 박수를 받지 못했다(이는 거의 다 만들어졌던 넷스케이프 코뮤니케이터 5.0과 기존의 레이아웃 엔진의 강화판이 버려지게 되었음을 뜻하기도 한다). 처음으로 게코를 탑재한 넷스케이프 6은 2000년 11월에 나왔다(넷스케이프 5라는 이름은 쓰이지 않았다).
게코의 개발이 이어지면서 게코를 탑재한 다른 소프트웨어들이 나오기 시작했는데 아메리카온라인(그 때 넷스케이프커뮤니케이션스의 모회사(母會社)였던)에서는 콤퓨서브 7.0과 맥 OS X용 AOL에 게코를 탑재했다. 그러나 게코는 마이크로소프트 윈도판 AOL에서는 몇 개의 베타판 이외에는 결국 탑재되지 않았다.
2003년 7월 15일 아메리카온라인은 게코에서 손을 뗐고 그 날 만들어진 모질라재단이 게코를 관리하게 되었다. 오늘날 게코는 모질라 및 자원봉사자들에 의해 관리되고 있다.

 
KHTML, 웹키트 기반
: 에이브라우즈, 아로라, 아이캡, 에피파니, 캉커러, 미도리, 옵니웹, 사파리, 스킵스톤, 시이라, 스위프트, 크롬

: KHTML은 KDE 프로젝트가 개발한 HTML 레이아웃 엔진이다. 컨커러 웹 브라우저에서 사용되는 엔진이기도 하며 애플의 사파리 웹 브라우저에 쓰이는 웹 키트의 포크 버전이다. GNU 약소 일반 공중 사용 허가서의 조항으로 배포된 KHTML은 자유 소프트웨어이다.
KPart 프레임워크로 작성되어 C++ 언어로 짠 KHTML은 상대적으로 웹 표준을 잘 준수하고 있는 편이다. 되도록 많은 페이지를 그리기 위해 인터넷 익스플로러의 특별한 일부 비표준 기능들도 지원된다.
KHTML은 모질라와 모질라 파이어폭스 브라우저의 중심이자 주된 오픈 소스 라이벌이기도 한 게코 레이아웃 엔진보다 더 빠르다.[1] 그러나 널리 알려진 브라우저가 아니기에 수많은 웹사이트는 KHTML을 지원하는 데 실패하며, 사이트가 컨커러에서 올바르게 동작하지 않을지라도 지원할 기미는 보이지 않는다. 이를테면 Gmail은 컨커러가 그 자신을 파이어폭스로 보고할 경우에만 동작한다.

: 웹키트(WebKit)는 애플사의 웹 브라우저를 만드는 데 기반을 제공하는 오픈 소스 응용 프로그램 프레임워크이다. 웹키트는 원래 맥 오에스 텐의 사파리 웹 브라우저 엔진으로 사용하기 위해 컨커러 브라우저의 KHTML 소프트웨어 라이브러리에서 가져온 것이었다. 이 프레임워크는 이제 옴니웹, 시라, iCab, 어도비 통합 런타임, 휴대 전화(아이폰 포함), 노키아의 Series 60 브라우저, 구글의 앤드로이드 플랫폼에 사용되고 있다. 웹키트가 Trolltech의 Qt 4.4에 포함되어 있지만 KDE 프레임워크에 기반을 두는[1] KDE 프로젝트는 머지 않아 KHTML의 초기 버전을 사용할 것이다.[2]
Acid2 테스트를 통과하였으며 2008년 3월에는 웹키트 최신버전이 Acid3 테스트에서 100점 만점을 받았다.[3]


프레스토 기반 [주로 모바일 브라우저로 사용된다. 모바일계의 IE6로 버그가 많다.]
: 오페라, 닌텐도 DS웹 브라우저, 인터넷채널


자바 기반
: 핫자바, 로보, 오페라 미니, X-스마일, UCWEB

 

태즈먼 기반
: 맥용 인터넷 익스플로러5, 맥 오에스 텐용 MSN

: 태즈먼(Tasman)은 마이크로소프트사가 개발한 레이아웃 엔진의 이름으로 인터넷 익스플로러 5의 매킨토시 버전에 도입되었다. 맥용 인터넷 익스플로러의 개발에 있어 새로운 기능이기도 하다. Tasman은 W3C가 정의한 웹 표준 지원을 개선하는 데 이용하였다.[1] 공개 직후 Tasman은 HTML, CSS와 같은 웹 표준을 가장 잘 지원하는 레이아웃 엔진으로 여겨지게 되었다.[2] 맥용 인터넷 익스플로러는 더 이상 지원되지 않지만 새로운 버전의 Tasman은 현재의 다른 마이크로소프트 제품군에 추가되어 있다.
Tantek Çelik는 Tasman 엔진 개발팀을 이끌었다.[3]
Tasman은 나중에 맥 오에스 텐용 MSN의 레이아웃 엔진으로 사용되었다. 인터넷 익스플로러 7이 Tasman 레이아웃 엔진을 이용한다는 이야기가 오고가기도 했지만 그것은 사실이 아니며 트라이던트 V를 사용하는 것으로 알려져 있다.


텍스트 기반
: 앨링크스, 에드브라우즈, 이링크, 링크, 링크스, 넷-테이머, w3m, 웹IE

모바일 브라우저
: 블레이저, 딥피쉬, 페넥, 인터넷 익스플로러 모바일, 아이리스 브라우저, jB5 모바일브라우저,

JOCA, 미니모,넷프론트, 오비고 브라우저, 오페라 모바일, 픽소, S60웹 브라우저, 선더호크, 웨비 모바일, WinWAP

기타
: 3B, 아바코, 아마야, 아라크네, 에이웹, 카론, 딜로, 이맥스/W3, 아이브라우즈, 모스라, 넷포지티브, 오페가노,Tkhtml, VMS모자이크, 보이저

 

저작자 표시 비영리 동일 조건 변경 허락
Posted by 나르는돌

댓글을 달아 주세요

요즘 아이폰4의 등장 32차까지 이루어지는 예약과 동시에 옴니아와 아이폰 3가 1년동안 이루어놓은 공적을 짧은 시간안에 다시 새로 만드는 등의 스마트폰의 움직임에 따라 모바일웹이 많이 화두가 되고 있다.
그에 발맞추어 모바일 버전 웹사이트를 제공하는 곳들이 늘어나고 있다. 그런데 아직 초기여서인지 '제대로' 스마트폰에서 브라우징을 할 수 있게 만들어졌다기보다는 그냥 사이즈만 줄여놓거나 한 곳들도 많다.

그럼 좀 '제대로' 만들었는지 확인하려면 어떻게 해야 할까.
우선 다양한 기기에서 직접 확인할 수 있으면 가장좋다. 아이폰, 안드로이드, 옴니아, 오즈 등 풀브라우징이 가능한 테스트 기기들을 직접 보유하고 테스트해보면 더할나위 없다.

하지만 그렇지 못한 경우가 아마 꽤나 많을 것이다. 그런 경우 에뮬레이터들을 활용하면 완벽하지는 않지만, 조금이나마 좀 더 '제대로'된 모바일 사이트를 만드는데 큰 도움이 될 것이다.

1. 윈도우 모바일 에뮬레이터

윈도우 모바일에는 인터넷익스플로러 모바일버전이 기본으로 설치되어 있다.
사파리(웹킷)나 오페라미니에 비해 많이 뒤쳐진 상태이기때문에 모바일 인터넷익스플로러에서 완벽히 잘 돌아가는 사이트를 만드는 것은 좀 어렵겠지만, 그래도 기능이 동작은 되도록 해주는 것이 좋을 것이다. 

에뮬레이터는 Windows Mobile SDK 를 설치하면 사용할 수 있다.


2. 오페라 미니

옴니아나 기타 윈도우모바일이 설치된 기기나 기타 등등에서 오페라 미니도 많이 사용된다.
오페라 미니 에뮬레이터는 일반 브라우져로 아래 URL로 들어가면 웹상에서 바로 테스트해볼 수 있다.




3. 안드로이드

최근 아이폰에 뒤이어 안드로이드폰들이 몰려올 예정이다. 안드로이드폰에서 만든 웹사이트가 잘 돌아가는지 확인하려면 안드로이드 SDK 를 다운받아서 설치하면 아래와 같이 안드로이드폰 에뮬레이터를 사용할 수 있다.



4. 아이폰 및 기타 웹킷 기반 브라우져

아이폰/아이팟 뿐 아니라 웹킷 기반의 브라우져들에서 잘 돌아가는지는 사파리 브라우져를 이용해 테스트해보면 된다.
윈도우PC또는 맥에서 그냥 사파리 브라우져에서 테스트하면 기본적인 동작에는 큰 문제가 없을 것이다.
맥을 사용한다면, 아이폰 SDK를 설치하고 아이폰 에뮬레이터를 통해서 확인해볼 수도 있다.




"모바일" 웹사이트를 만든다면 가급적이면 특정 기기에만 맞추어놓고 '모바일사이트'라고 하기보다는 다양한 기기의 여러 브라우져에서 접근이 좋도록 만드는 것이 웹의 궁극점인 크로스브라우징이고 접근성일 것이다.


저작자 표시 비영리 동일 조건 변경 허락

'모바일' 카테고리의 다른 글

모바일 웹 확인해보자  (0) 2010/09/09
모바일 코딩 초읽기  (0) 2010/05/04
Posted by 나르는돌

댓글을 달아 주세요


구글에서의 경영진들의 생각 마인드이다.

무엇인가 성공하기 전에는 그것에 대한 생각을 깊게 하는 것도 중요하지만 누군가가 필요 하는것을 얼마나 표현하고 자기들도 그렇게 생각하는가를 중요하게 생각하게 하는 글인것 같다.

약간은 잡담의 글도 있는 것 같지만, 유명한 사람이 되어서 이런글을 남길 때까지는 머라 저라 이렇게 말할 수 없을 것 같다.


 

1. 우리 구글은 빠르고, 깔끔하고 간편한 서비스를 제공하려고 합니다. 사용자들에게 방해가 되지 않기 위해서죠,

 

2. 아마 여러분도 누군가에게서 구글을 한번 써보라는 얘기를 들었을 것입니다. 처음 시도한 검색이 제대로 되었을 때 구글이라는 브랜드의 가치는 즉각 머리 속에 각인되죠. 제대로 된 서비스는 유쾌한 경험을 주기 때문입니다.

 

3. 구글의 특징은 단순함에 있습니다.

 

4. 우리는 세계를 바꾸고 모든 사람의 삶을 바꿀 수 있다. 모두가 매일 인터넷 검색을 해야 한다고 말하더군요

 

5. 저희는 검색을 재미있고, 일상생활의 창의력을 표현하도록 만들고 싶습니다.

 

6. 고객이 언제든지 떠날 수 있습니다. 경쟁이 그만큼 치열하죠 저는 지금까지 구글의 업적이 정말 자랑스럽습니다.

 

7. 다른 사람들의 삶을 일부 개선하면서 운 좋게도 거기서 탄탄한 비즈니스를 만들었죠

 

8. 엄밀히 말하면 무료는 아닙니다. 사용자의 사생활을 대가로 지불할 수도 있습니다.

 

9. 대부분의 사용자는 사생활이란 대가를 지불하고 있다는 점을 인식하지 못합니다.

 

10. 구글은 제가 수년간 사용한 모든 검색어를 보유하고 있는데 개인정보가 상당합니다. 구글의 철학은 투명성과 선택, 통제입니다. 사용자와 자료의 연결이 아주 투명합니다.

 

11. 사람들은 검색란에 의사나 목사, 배우자 또는 그 누구에게도 못한 얘기를 입력하곤 합니다. 신원이 밝혀질 수도 상당한 정보가 저장된다는 점은 꿈에도 생각하지 못합니다.

 

12. 5년 내에 구글이 유일한 검색엔진이 될 수도 있습니다. 어떤 면에서는 이미 PC 의 세계는 끝났습니다.이제는 오감 컴퓨팅의 시대로 진입했습니다.

 

13. 내부 제품평가의 중요한 마지막 관문은 '도그푸딩'이라 불리는 내부 평가입니다. '애완견 사료를 직접 먹어보다'는 말에서 유래한 '도그푸딩'이란 말은 출시 준비가 된 제품을 구글 내부에서 전 직원이 꼼꼼하게 시험하는 것을 말합니다. 귀엽게 들리는 도그푸딩은 곧 2만명의 비평가가 제품을 샅샅이 파헤친다는 것을 의미합니다. 당연히 구글 직원들은 우리가 출시하는 제품에 매우 열정적이며, 엄청난 피드백을 주고 시장에 출시하기 전에 이를 반영하죠.

 


 

14. 우리 고객인 카우보이들은 가장 튼튼한 부츠를 찾습니다. 가장 튼튼한 카우보이 부츠를 만드는 것이 우리의 기쁨이죠

 

15. 수십년간 본드의 부츠는 입소문으로만 알려졌죠 유명인사들도 한 몫을 했습니다.

 

16. 구글애드워즈 이름은 간단하지만 본드 부츠같은 자영업자뿐 아니라 광고 산업에 지각 변동을 일으켰습니다. 애드워즈는 텔레비전 발명 아래로 미디어 산업에서 가장 혁명적인 발명품입니다.

 

17. 애드워즈가 구글을 만들었죠. 애드워즈가 아니었다면 구글은 그저 수많은 검색 엔진 중 하나였을 것입니다. 수십 개의 검색엔진이 등장했지만 대부분 기억 속에서 잊혀졌죠.

 

18. 애드워즈는 가장 성공적이고 수익이 높은 비즈니스 프로그램입니다.

 

19. 순수한 이익 창출 기계입니다. 애드워즈는 광고를 만들어 갑니다. 구글 검색결과의 스폰서 링크에 해당하죠. 클릭 당 지불방식으로 불립니다.

 

20. 제품을 실제로 찾고 있는 고객과 직접 연결해 주죠. 저희 제품의 경우 고객이 많지 않습니다. 하지만 원하는 제품을 분명히 알고 있죠. 매장만 찾아주면 됩니다.

 

21. 대부분의 광고주는 검색 결과의 상위에 위치하려고 합니다. 검색결과의 상위에 위치하는 방법은 이렇습니다. 링크 클릭마다 1달러를 제시하며 검색어 경매에 입찰 할 수 있겠죠. 하지만 가격보다 중요한 것이 있습니다. 구글의 알고리즘은 광고주 웹사이트의 품질을 평가합니다.

저작자 표시 비영리 동일 조건 변경 허락
Posted by 나르는돌

댓글을 달아 주세요