웹페이지에서 결재나 로그아웃 등 주요 정보를 처리한 후 에는, Back 키를 눌러도 이전 화면으로 이동하지 않도록 캐시를 삭제 한다.


이런식으로..


그런데, 최신 웹브라우저의 경우 Forward/Back에 대한 별도의 캐시를 제공하여 이와같은 방법으로는 처리할 수 없다고 한다.

(나는 이 문제를 사파리에서 만났음...)


해결 방법은 <body> 구문에 onunload="" 구문을 넣어 주는 것.


자세한 내용은 아래 두 사이트를 확인.


http://jfunny.egloos.com/4648571

http://sunsideup.tistory.com/49


모바일 웹 페이지에서 이 문제가 적잖은 영향을 주고 있는 듯 하다.

여러 방법론들이 나오고 있지만, <body onunload="">가 현재로서는 가장 심플한 방법인 듯..

반응형
오랫만에 MarketShare 에서 Browser Versions Trend 를 보았다

사용자 삽입 이미지

IE8 이 가장 많은 점유율을 차지하고는 있지만 그 뒤를 FF가 쫓고 있고,
Chrome이 무섭게 성장 하고 있다!!

공공의 적 IE6 는 아직도 16%나 차지!!
재밌는건 문제 덩어리 IE6 보다 IE7의 점유율이 더 많이 줄었다는 것!!

IE6 과 IE7의 줄어드는 점유율을 누가 가져가게 될지 궁금하다.

4%를 차지하고 있는 IE8은 Internet Explorer 8.0 - Compatibility Mode 라고 한다.

위 자료의 세부 정보는 아래 링크에서 자세히 볼 수 있다.
http://marketshare.hitslink.com/browser-market-share.aspx?qprid=2
반응형

'Information' 카테고리의 다른 글

DDR, DDR2, DDR3 메모리의 분별  (0) 2011.01.21
인터넷의 역사  (0) 2010.08.23
USB 바이러스 예방법  (2) 2010.08.01
오랫만에 MarketShare 에서 Browser Versions Trend 를 보았다

사용자 삽입 이미지

Google의 Chrome이 Opera와 Safari 를 밀어내고 순위권을 차지하고 있는 모습이 흥미롭다.
IE6의 점유율이 빨리 한자리 수가 됐으면 좋겠는데ㅋㅋ (IE7..너도 내가 이뻐하진 않는다.)

위 자료의 세부 정보는 아래 링크에서 자세히 볼 수 있다.
http://marketshare.hitslink.com/browser-market-share.aspx?qprid=2

MarketShare 에서 제공하는 일부 자료는 Pay를 지불해야 하기도 한다.


반응형
새로운 웹표준 테스트로 발표된 Acid3 가 웹브라우저 시장에 좌절을 안겨주고 있다는 소식이 들려오고 있습니다. 특히 IE8 이 Acid2를 통과했다는 소식은 이제 IE도 악명높은 IE6 의 비정상적인 렌더링을 벗어나 웹표준을 잘 지킬 수 있지 않느냐 하는 희망을 주기도 했는데요…

그런데 과연 이 Acid 테스트라는 것은 무엇일까요?

Acid 테스트란 웹브라우저들이 웹 표준을 어느정도로 지원하면서 렌더링을 하는지 측정할 수 있도록 작성된 예제 페이지를 말합니다. 단 한장의 페이지에서 수많은 웹표준 스펙을 포함하고 있으며, 그래픽이 얼마나 잘 표현되는지의 결과를 통해 해당 브라우저의 웹표준 준수율을 한눈에 알 수 있도록 되어있습니다.
현재 Web Standards Project (WaSP) 에서 Acid Test 사이트를 운영하고 있으며, 1998년에 처음으로 Acid1 이 개발된 이후로, 2005년에 Acid2 를 거쳐 2007년에는 Acid3 가 개발되었습니다.


1. Acid1
http://www.w3.org/Style/CSS/Test/CSS1/current/test5526c.htm

사용자 삽입 이미지

웹브라우저 테스트용 페이지로 가장 먼저 개발된 Acid1 테스트는 CSS1 스펙을 중점적으로 테스트할 수 있습니다. 1998년에 개발되었던 페이지가 꾸준히 개선되어 왔으며 가장 최근 버전은 5.5.26.c 버전입니다. 현재 주로 쓰이는 웹브라우저에서는 무난히 통과하고 있구요. (IE6, IE7, FF2, OP9, SF2 등) 다만 IE5.5 버전 이하에서는 비정상적으로 렌더링되는 것을 확인할 수 있습니다.

2. Acid2
http://acid2.acidtests.org/

사용자 삽입 이미지

IE8 이 Acid2 test 를 통과했다고 알려지면서 대중에게 많이 알려지기 시작했지요. Acid2 는 HTML과 CSS2.1 스펙을 중점적으로 테스트를 합니다.
표 준 CSS2.1 스펙을 완벽하게 지원한다면 위 이미지처럼 웃는 얼굴과 Hello World! 라는 문구가 나타나게 되어있으며, 코 부분을 마우스 커서를 가져가면 파란색으로 바뀌게 됩니다. 하지만, 현존하는 웹브라우저 중에는 이를 완벽하게 지원하는 브라우저가 많지 않은 실정입니다. IE6 은 물론이고 IE7 에서는 붉은색으로 가득찬 화면을 볼 수 있구요, 심지어 웹표준을 잘 지킨다고 인식되는 FireFox 2 에서도 렌더링이 제대로 되지 않는 모습을 보여주죠.
Acid2 테스트를 처음 통과한 브라우저는 맥의 Safari 입니다. 이후에는 Konquerer, Opera, FireFox3 beta 버전이 통과했구요, 최근에 개발중인 IE8 의 표준모드에서 이 테스트를 통과했다고 알려지고 있습니다.

Acid에서 체크하는 항목은 다음과 같습니다.

  • Alpha transparency on PNG images – the eyes are transparent PNGs
  • The object element
  • Absolute, relative and fixed positioning using CSS
  • The CSS box model
  • CSS tables
  • CSS margins
  • CSS generated content
  • CSS parsing – Acid2 includes a number of illegal CSS statements to test error handling
  • Paint order
  • CSS line heights
  • Hovering effects 

Acid2 테스트의 소스가 어떤 구조로 되어있는지 궁금하다면 다음 가이드 페이지를 참조하세요!
http://www.webstandards.org/action/acid2/guide/

3. Acid3
http://acid3.acidtests.org/

사용자 삽입 이미지

가장 최근에 개발된 Acid3 test 는 HTML5 그룹의 리더인 Ian Hickson 에 의해 개발되었습니다. 자바스크립트로 작성되어 있으며, 이전 Acid1 과 Acid2 테스트를 종합적으로 체크하는 것은 물론이며 Web 2.0 을 위한 동적인 웹 애플리케이션을 만드는데 필요한 스펙을 중점적으로 체크합니다. 이전 테스트가 CSS스펙을 중점적으로 체크했기에 엄밀하게 말해서 웹표준을 테스트한다고 할 수는 없었는데요, Acid3 test 는 이전 테스트에 비해 한층 의미에 맞는 웹표준 스펙을 테스트한다고 볼 수 있겠습니다.
Acid3 test를 완벽하게 통과한다면 위 화면을 보여주게 되어 있는데요, 100개의 테스트를 수행하면서 통과한 테스트 수를 구체적으로 보여주기 때문에 테스트 결과를 객관적으로 볼 수 있도록 바뀐 것이 장점이라고 볼 수 있겠습니다.
현재로선 이 테스트를 제대로 통과하는 웹브라우저는 없다고 알려져 있습니다. 그나마 가장 높은 점수를 낸 웹브라우저는 FireFox3 beta3 버전이 59/100, Opera 9.5 beta 버전이 64/100, Safari 3.1 버전이 64/100 정도의 점수를 내고 있는 상황이지요.

Acid3 테스트에서 체크하는 항목은 다음과 같습니다.

  • DOM2 Core
  • DOM2 Events
  • DOM2 HTML
  • DOM2 Range
  • DOM2 Style (getComputedStyle, …)
  • DOM2 Traversal (NodeIterator, TreeWalker)
  • DOM2 Views (defaultView)
  • ECMAScript
  • HTML4 (<object>, <iframe>, …)
  • HTTP (Content-Type, 404, …)
  • Media Queries
  • Selectors (:lang, :nth-child(), combinators, dynamic changes, …)
  • XHTML 1.0
  • CSS2 (@font-face)
  • CSS2.1 (’inline-block’, ‘pre-wrap’, parsing…)
  • CSS3 Color (rgba(), hsla(), …)
  • CSS3 UI (’cursor’)
  • data: URIs

아직까지는 Acid3 테스트는 개발중으로 현재 Final Review 단계에 있다고 합니다. 과연 어떤 웹브라우저가 1등으로 100/100을 받게 될지 궁금하네요. ^^


과 거의 웹브라우저 시장은 Internet Explorer 가 독점적인 시장 점유율을 바탕으로 웹 표준 스펙을 소홀히 해왔기 때문에, 개발자 입장에서도 어쩔 수 없이 IE 기준으로 왜곡된 웹페이지를 개발할 수 밖에 없었으며 사용자의 웹브라우저 선택의 폭도 좁아진다는 문제점이 있었습니다.
하지만 Web 2.0 시대에 들어서며 웹표준의 중요성이 강조되면서 IE를 제작해오던 Microsoft 도 더이상 웹표준을 외면할 수가 없게 된 현재의 상황은 IE도 이전보다 웹표준 스펙을 준수할 수 있도록 개발될 것이라는 기대를 할 수 있겠으며, 이는 개발자와 사용자 모두에게 좋은 영향을 줄 것이라고 생각됩니다.

웹표준이 만능은 아니겠지만, IE의 수많은 비표준 스펙에 휘둘려왔던 웹 관련 개발자라면 웹표준이 얼마나 반가운 존재인지 아실 분은 아시리라 생각합니다. 웹개발에 있어서도 표준적인 개발이 가능한 세상이 빨리 왔으면 좋겠습니다. ^^

출처 : http://blog.naver.com/preserde/130028814635



반응형

'Information' 카테고리의 다른 글

최근 웹 서비스 트렌드와 웹 2.0B/M  (0) 2008.11.06
Google의 인수 합병 회사 목록  (0) 2008.09.16
UI 사용성 지침서  (0) 2008.09.04


Internet Explorer8 Beta1 이 나온지 거의 반년이 되어 Beta2가 공개됐다.

IE8 Beta2 다운로드 페이지
http://www.microsoft.com/windows/internet-explorer/beta/worldwide-sites.aspx

여러 기능이 새로 추가 됐다고는 하지만, 그건 어디까지나 과거 IE 적 관점에서 봤을때 통하는 말이고..
내겐 그저 신기한 기능은 없고, 다 거기서 거기인 기능들인..
최근 웹 브라우저 중에 가장 신선했던 거라면 Google Chrome의 '속도'와 '독립 탭 프로세스' 기능 정도?

어쨌든, 자칭 MS가 말하는 'IE8의 흥미로운 새 기능' 을 보고 싶다면 '여기' 에서 보는것이 좋을 듯 하다.

내게는 '느림보 곰탱이' 라는 인식으로 자리잡고 있고, 웹표준의 대열에서 꼴지를 차지하고 있는 IE 지만,
어이없게도 웹표준을 지키지 않은 덕분에, 웹표준을 지키지 않은 인터넷 강국 대한민국에선 '황제' 취급을 받고 있다.
금융감독위원회 에서는 각 금융기업 에서 인원(은행,증권,보험,카드,전문기관 총15명)을 선발 하여 특별 대책반을 구성했고,
주요 기업들은 이들의 정책에 따라 프로그램을 수정, 테스트할 만반의 준비를 갖추고 있다.

"언제든 말씀만 하세요! IE8 님이 안착하시기에 최적의 환경을 마련 하겠습니다!" 라고 말하는 듯 하다.

인터넷 강국이라고 생각만 하고 행동하지 않는 대한민국은 이미 인터넷 속국이 되었다.
21세기에 '웹 쇄국정책'을 펼치고 있는 상황을 보고 있노라니 어이가 상실되어 간다.
(명색이 IE8 beta2 소개 포스팅인데 너무 푸념만 늘어 놓은것 같군...)

IE 가 나쁘다는 것이 아니다.
지금이라도 정신 차리고 여러 표준을 지향해 가는 모습을 보면 기특하다.
(IE가 정신을 차리는데도 불구하고, 아직도 정신을 못차리는 곳이 있다는게 어이가 없을뿐..)
IE7에 비교하면 IE8이 더 마음에 든다.


반응형

'Software' 카테고리의 다른 글

Ultra VNC  (1) 2009.05.21
Firefox3 Download  (0) 2008.06.01
Windows Server® 2008 Trial  (0) 2008.04.05


Firefox3는 더욱 빠른 성능과 편리한 기능들로 Microsoft의 Internet Exploer8 의 가장 강력한 경쟁자로 평가받고 있다.

IE8 Beta 를 써봤지만 개인적으로 Firefox3 에 못미친다고 생각한다.
IE가원래 무겁기도 하지만, FF3는 FF2보다 더욱 간결한 인터페이스와 빠른 속도를 보여주고있다.

Firefox3 언어별 다운로드 페이지

반응형

'Software' 카테고리의 다른 글

Internet Explorer8 Beta2  (0) 2008.09.19
Windows Server® 2008 Trial  (0) 2008.04.05
Internet Explorer8 Beta1  (0) 2008.03.06
MarketShare 에서는 각종 IT 시장의 점유율들을 시각적으로 보여준다.

아래는 Browser Versions Trend 이다.

사용자 삽입 이미지

IE의 세대교체가 완벽하게 이루어 지고 있다.
MS의 (반 강제 적인) 배포능력은 정말 대단한듯 하다.

Firefox2의 점유율은 상당히 안정적인 양상을 띄고 있고,
현재 Beta5 인 Firefox3 도 조만간 점유율에 모습을 드러낼듯 싶다.

위 자료의 세부 정보는 아래 링크에서 자세히 볼 수 있다.
http://marketshare.hitslink.com/report.aspx?qprid=3

MarketShare 에서 제공하는 일부 자료는 Pay를 지불해야 하기도 한다 ㅋ;;
반응형
사용자 삽입 이미지

IE8 Beta1이 공개되었다!

Mix08 에 참석중인 Channy 님이 알려주신 따끈따끈한 정보!
나도 가고싶다 Las Vegas....(난 영어가 안되잖아!!)

FF2(Firefox2) 따라하기 같은 모습이 많이 보여 좀 씁쓸하긴 하지만 그래도 IE7에 비하면 많이 나아진 모습인듯 하다.
퍼포먼스도 좀 빨라졌으면 좋으련만 느림보 곰탱이 IE.....
아직 FF의 매력을 따라오려면 기다려야 할듯 하지만...(FF의 세션복구 기능은 정말 최고라고 생각하고 있다.)
IE8 에도 세션 복구 기능이 생겼다!!!

Mix08 의 IE 세션 키노트를 보고 싶으면 Channy님의 포스트를 참조 하시고...

IE8 Beta1 홈페이지
http://www.microsoft.com/windows/products/winfamily/ie/ie8/getitnow.mspx

OS별 다운로드 경로
반응형

'Software' 카테고리의 다른 글

Windows Server® 2008 Trial  (0) 2008.04.05
free icon site  (0) 2008.03.04
AcroEdit  (0) 2008.02.26
사용자 삽입 이미지


Net Applications 에서 2008년 1월 20일에 발표한 자료다.

MS(Microsoft)가 IE(Internet Exploer) 세대교체 정책의 일환으로 IE7 강제 업데이트 를 실시하고 (형식상으로는 권장 업데이트 지만, 아무것도 모르는 사람들에게는 강제다.) Window 정품인증 없이도 IE7을 다운로드 할 수 있게하며 추친한 결과를 볼수 있다.

하지만, MS가 자신의 제품 버젼을 교체하고 있는 동안 Firefox의 비약적인 발전이 더 눈에 들어온다.
비록, 점유율은 낮지만 IE7과 Firefox의 상승율은 비슷하다.

웹표준을 가장 잘 준수 하고 있는 브라우저라는 평가를 받고 있는 Safari는 약간 떨어진 모습이고,
UI 를 사용자 입장에서 만들었다는 찬사를 받은 Opera는... 어디로 간거냐...

Firefox가 IE를 앞으로 얼마나 따라 잡을 수 있을지 기대된다.
반응형

'Information' 카테고리의 다른 글

MacBook Air 광고 동영상  (0) 2008.01.21
도메인간 쿠키공유  (0) 2008.01.17
SOA와 웹2.0 개념비교  (0) 2008.01.17

+ Recent posts