사용자 삽입 이미지
Safari(Webkit3) 의 10가지 변화

맥 OS X (10.5.1 과 10.4.11) 에 있는 사파리와 윈도우용 베타 버젼에서 사파리 브라우저에 내장된 Webkit의 위대함을 느낄 수 있답니다..

^-^;; 얼마나 대단한지 계속 보시죠... 텍스트 위주라 지겨울 수도 있지만 변화를 알고 싶다면 보셔요 ^^



1. Enhanced Rich Text Editing(향상된 리치 텍스트 에디팅)

쉽게 디자인 모드로 만들어진 textarea 말하는데요. 좀더 향상된 지원이 가능합니다.
사파리에서 데모 한번 보시면 아실꺼에요. 브라우저 자체 지원으로 좀더 심플하지만  가볍고 좋네요.
지금은 기본 기능에 충실했지만 차후에 계속적인 고급 기능들이 추가될 거라네요..


2. Faster JavaScript and DOM(더욱 빨라진 Javascript 와 DOM)

다양한 부분의 벤치마킹 툴을 이용하여 맥북에서 WebKit2 와 WebKit3 의 비교를 했습니다.
IE도 좀 이런데 신경 쓰면 더 좋을텐데 말이죠.. 그건 그렇고  아래 밴치마킹 결과를 보세요.

i-Bench JavaScript Processing (사용법도 간단하고 다운로드도 여기서 할 수 있습니다.)
WebKit 2 - 1.99 sec
WebKit 3 - 0.87 sec
WebKit 3 is 2.3 times as fast!

Celtic Kane Javascript Speed Test 2007
WebKit 2 - 1276 ms
WebKit 3 - 624 ms
WebKit 3 is 2 times as fast!
이 부분이 자바스크립트와 DOM 의 프로세싱 테스트 인거 같은데요. 기존 속도에 비해 2배나 빨라졌습니다. 랜더링 속도가 다른 브라우저에 비해 월등했는데 오페라와 맞먹겠는걸요!!

pentestmonkey MD5 test (테스트)
WebKit 2 - 8.352 sec
WebKit 3 - 3.794 sec
WebKit 3 is 2.2 times as fast!

이 부분은 현재 제 PC에 깔린 4개 브라우저에서 테스트한 결과입니다. webkit2 인점을 감안하고 보세요.
- IE
MD5 Benchmark took 3.844 seconds for 3000 hashes (780 hashes/second)
MD4 Benchmark took 6.828 seconds for 2700 hashes (395 hashes/second)
SHA1 Benchmark took 4.094 seconds for 1900 hashes (464 hashes/second)

-Webkit2 in Safri
MD5 Benchmark took 5.531 seconds for 3000 hashes (542 hashes/second)
MD4 Benchmark took 5.203 seconds for 2700 hashes (519 hashes/second)
SHA1 Benchmark took 6.641 seconds for 1900 hashes (286 hashes/second)

- opera
MD5 Benchmark took 2.875 seconds for 3000 hashes (1043 hashes/second)
MD4 Benchmark took 2 seconds for 2700 hashes (1350 hashes/second)
SHA1 Benchmark took 3.156 seconds for 1900 hashes (602 hashes/second)

-FireFox
MD5 Benchmark took 4.406 seconds for 3000 hashes (681 hashes/second)
MD4 Benchmark took 3.25 seconds for 2700 hashes (831 hashes/second)
SHA1 Benchmark took 6.297 seconds for 1900 hashes (302 hashes/second)

테스트 결과가 좀 웃기네요.  4개 브라우저에서 평균적으로 가장 느립니다. 거기에서 2배 정도 빨라진것입니다.
결론은 그동안 다른 브라우저에 비해 MD5등 알고리즘이 느렸는데 빨라져서 다른 브라우저와 비슷해졌다...
뭐 그런 뜻으로 봐야겠네요..

JavaScript Raytracer (테스트)
WebKit 2 - 853.594 sec
WebKit 3 - 48.48 sec
WebKit 3 is 17.6 times as fast!

전반적으로 Webkit3 가 2에 비해서 Javascript와 DOM 처리 속도가 2배 정도 빨라졌다는 점입니다. 짝짝짝!

3. Faster Page Loading (더욱 빨라진 페이지 로딩)

WebKit 2 - 2.95 sec
WebKit 3 - 2.06 sec
WebKit 3 is 1.4 times as fast!
추가적으로 IE, FF 보다 페이지 로딩속도가 빠릅니다.
이 부분은 몇몇 기사에서 소개도 되고 전문 연구 기관에서도 확인한 내용입니다.
하지만 국내에서는 잘 안쓴다는거.. ^^ 국내 지원이 된다면 아마 IE와 FF처럼 점점 느려질 수 밖에 ^^;
그래도 기대해 봅니다. 또. 빨라지면 뭐해 -_-;; 고만큼 무거운 Web 프로그램을 요구할텐데;;;


4. SVG(Scalable Vetor Graphics)
Webkit3의 메이저급 새로운 기능입니다. SVG는 XHTML 과 함께 쓰여 큰 그래픽적인 요소를 표현하기 위한 XML 랭귀지 입니다.
아래 간단한 데모 사이트 입니다.


5. XPath
또 다른 메이저급 기능 바로 XPath 는 W3C의 표준 쿼리 랭귀지 입니다. 이 XPath는 개발자들을 우히ㅏㄴ 언어입니다. HTML Document에서 특별한 엘리먼트를 효율적으로 찾을 수 있습니다.

예를 들어 document.getElementById('element id')  이것은 DOM Method 입니다. 이러한 방식처럼 XPath 랭귀지가 있습니다. Prototype.js 에서는 이 부분을 지원하고 있는데요 Selector 오브젝트에서 지원되는 브라우저에 따라 XPath를 이용하여 엘리먼트를 찾습니다.

이를 통해서 DOM 에서 지원되지 않는 메서드들이 사용자가 만들 수 있습니다. 거의 대부분 정규표현식을 통해서 찾는 방식이긴 합니다만...


6. New and Improved XML Technologies (새롭고 향산된 XML 기술들)
XPath와 XVG의 큰 기능이 추가되었습니다.
XSLT를 위한 XSLTProcessor Javascript API 와 많은 XSLT 문제점 수정과 확장지원, DOM 파서 API, XMLSerializer API, XML을 위한 추가적인 렌더링 지원, 좀더 정밀하고 완벽한 XMLHttpRequest, 이벤트 핸들러 추가지원, 지속적인 서버 커넥션을 위한 추가적 업데이트,  등등등... 아놔 하다보니 너무 많네요...


7. Styleable Form Controls
폼 컴포넌트들에게 좀더 비주얼한 느낌을 줄 수 있게 지원되네요.
점점 크로스 브라우징에 대한 대비가 절실해지는 느낌이 드네요.. 눈도 침침해지고 ㅠ.ㅠ


8. Advanced CSS Styling
그냥 봐도 알겠네요. 고급 CSS 스타일링 -_-; 무슨 헤어 스타일 왁스도 아니고 말이죠...
이런 비쥬얼한 부분은 크로스브라우징만 잘된다면야 아무런 할말없이 넙죽 받아먹고 싶습니다.
하지만 그렇지 않다면 이건 괘난일이라고 말하고 싶습니다.

기본적으로 CSS2.1, CSS3을 지원하구요. CSS Media queries 요것도 지원합니다.
많은 향상중에 하나의 이미지를 이용한 컨트롤 하여 다양한 영역에 표시할 수 있도록 지원됩니다.

Safari 에서 지원하는 CSS Reference document 입니다.


9. Reduced Memory Use
이 부분 원본출처에서의 기사에도 느낄 수 있지만 Webkit 엔진 개발자의 마음을 읽을 수 있습니다.  웹 브라우저의 내실을 아주 튼튼히 한다는 기초를 튼튼히 다진다는 마음이 참 마음에 듭니다.
이들은 10가지의 내용중에 가장 중요한 부분이라고 말하고 있습니다. 

많은 내용을 갖은 페이지는 좀더 효율적으로 저장되어야 합니다. Javascript 코드 자체는 작은 데이터 구조입니다.  뭐니뭐니 해도 메모리 캐시 핸들링이 가장 중요한데요.  이 캐쉬는 현재 아주 잘 데이터를 관리해줍니다. 페이지 로딩 속도를 빠르게 하기 위하여.. 꼭 그렇지 않은 경우도 있는데 생략 -_-;;

WebKit 2 - 26.7M RPRVT memory
WebKit 3 - 23M RPRVT memory
WebKit 3 uses 14% less memory!


10. Web Developer Tools
Firebug 같은 웹 개발을 위한 툴인데요. 요건 이미지로 설명을 대신 합니다.
사용자 삽입 이미지


언!!!

국내에서는 IE의 사용률이 매우 높지만 외국의 경우는 꼭 그렇지 않습니다. IE가 1위의 자리르 계속 차지하고 있지만 몇년 전에 비해 현재는 그 차이가 현저히 줄어들고 있습니다.

홈페이지 개발자(? 빌더), 웹 개발자, UI 개발자 모두 알아야 합니다.
단지 PHP 로 만들어진 게시판을 만들어 보는게 다가 아닙니다. Apache 웹 서버를 셋팅할 줄 알면 되는게 아닙니다. 웹서버를 구성하고 웹 사이트에서 PHP 코딩으로 홈페이지를 만드는게 진정한 개발자는 아닙니다.

구글이나 야후와 같은 세계 시장을 상대로 성공한 곳의 개발자들의 역량은 HTML 문서에 있는 image가 브라우저에 띄워지기까지 어떻게 하면 빠르게 띄워질것인지 모든것을 알고 있습니다. 또한 어떤 문제가 발생할 때 그 문제점의 원인과 해결책을 알고 있습니다.

기초부터 변화되는 기술, 정보들을 시시각간 알아야 합니다.
50세 개발자 60세 개발자 외국에는 많습니다. 한분야에 능통한다는 것은 결코 있을 수 없습니다.
늘 그 분야에 관련된 먹이 사슬처럼 하나씩 알아가야 합니다.

50세가 되어도 다 모를 것들이 태산입니다. 그래서 60세까지 개발을 해야합니다.
그런 야망을 가지고 일하고 싶습니다.
신고
Posted by Rhio.kim