Windows Release Preview: 6번째 IE10 플랫폼 프리뷰
Windows 8의 IE10은 지금까지 경험하지 못했던 새로운 모습의 브라우저로서 Windows 사용자에게 최상의 웹 경험을 제공합니다. 이제 사용자들은 Windows Release Preview의 업데이트된 IE10 엔진을 통해 더욱 친숙한 터치 환경을 경험할 수 있고, 빠르고 유연하게 실행되는 멋진 웹 응용 프로그램도 즐길 수 있게 됩니다. IE10의 6번째 Platform Preview는 향상된 성능을 제공하고 터치 중심 HTML5를 지원하며, 호환되는 웹 사이트의 콘텐츠를 Metro 스타일 웹 브라우저에서 재생할 수 있는 새로운 터치 중심의 절전형 Adobe Flash Player를 지원합니다. 또한 IE10은 기본적으로 웹 사이트에 "추적 선호 표현(DNT)" 신호를 보내 사용자의 개인 정보를 보호합니다.
이 동영상에서는 Windows Release Preview에 포함된 6번째 IE10 플랫폼 프리뷰의 성능 및 개선된 터치 기능을 보여 줍니다.
(이 동영상은 채널 9에서도 사용 가능)
Metro 스타일 브라우징 경험에 대한 자세한 내용은 Windows 8 빌드 블로그를 참조하시기 바랍니다. 이제 기본 HTML5 엔진에 대해 알아보겠습니다.
Windows 8에는 두 가지 브라우징 경험(Metro 스타일 및 데스크톱)을 모두 지원하는 하나의 HTML5 브라우징 엔진뿐 아니라, HTML5와 JavaScript 기반의 Metro 스타일 응용 프로그램도 포함되어 있습니다. 이 공통 HTML5 엔진은 브라우저 경험과 Metro 스타일 응용 프로그램 모두를 위해 웹 표준 및 웹 프로그래밍 모델을 변함 없이 빠르고 강력하며 안전하게 지원합니다.
사용자는 기본 하드웨어를 안정적으로 활용하는 응답성이 뛰어나고 터치 중심적인 페이지를 통해 이러한 성능을 경험할 수 있게 됩니다. Consumer Preview를 사용하여 IE 테스트 사이트에서 시험해 볼 수 있는 예로는 사진과 이미지를 다룰 수 있는 이동/확대 및 멀티 터치 지원 웹 페이지와 같은 일반 터치 작업을 위한 Chalkboard 벤치마크가 포함됩니다. 전체 목록은 IE10 개발자 가이드에서 확인할 수 있습니다.
Metro 스타일 Internet Explorer 10의 터치 중심 Adobe Flash
Windows 8 Release Preview에는 새로운 저전력 터치 중심 Adobe Flash Player가 포함되어 있습니다. 호환 웹 사이트의 Adobe Flash 콘텐츠는 이제부터 Metro 스타일 IE10에서 재생됩니다. Windows 8의 Flash 지원 Metro 스타일 IE10은 다른 터치 중심 또는 태블릿 경험과 비교하여 더 많은 고품질 웹을 볼 수 있습니다.
Metro 스타일 브라우저에서 더 많은 사이트가 "알아서 작동"한다면 사용자와 기업 모두에게 향상된 경험을 제공할 수 있습니다. 실질적인 문제를 따져 보자면, 여러분이 갖고 다니는 기본 장치에서 자주 사용하는 사이트의 웹 콘텐츠를 재생할 수 있어야 합니다. 그렇지 못한 장치는 단지 PC의 대용품에 불과합니다. 인기 있는 일부 웹 사이트에서는 Adobe Flash가 필요하고 HTML5 외에는 지원하지 않기 때문에 Metro 스타일 경험에 적합한 Flash Player를 지원하기 위해 Adobe와 Microsoft가 긴밀하게 협력했습니다.
Windows 데스크톱의 IE10과 Metro 스타일 IE는 동일한 통합 Flash Player를 사용하므로 플레이어를 추가로 다운로드하거나 설치할 필요가 없습니다. 데스크톱의 IE10은 Flash Player 플러그인을 주로 사용하는 이전 버전의 IE와 마찬가지로 완전한 Flash를 지원하며 기타 플러그인도 계속해서 지원합니다. Metro 스타일 브라우저는 계속해서 별도의 ActiveX 컨트롤 또는 플러그인을 지원하지 않습니다.
모든 사이트는 Windows 데스크톱의 IE10에서 Flash 콘텐츠를 재생할 수 있는 반면, CV(호환성 보기) 목록에 있는 사이트만 Metro 스타일 IE 내에서 Flash 콘텐츠를 재생할 수 있습니다. CV 목록의 Flash 콘텐츠를 사용하여 사이트를 배치하는 것이 Metro 스타일 IE에 최고의 사용자 경험을 제공할 수 있다면 우리는 그렇게 합니다. 예를 들어, 콘텐츠가 터치에 얼마나 빠르게 반응할까요? 화상 키보드와 원활하게 작동할까요? 또는 배터리 수명에 영향이 있을까요? 시각적 프롬프트가 Metro 스타일 사용자 경험 지침을 준수할까요? Metro 스타일 경험 내에서 지원되지 않으며 없어도 성능이 크게 저하되지 않는 롤오버, P2P 등의 기능을 기반으로 하는 사이트는 데스크톱의 IE에서 Flash로 실행하는 것이 더 좋습니다. 사이트 개발자들은 계속해서 브라우저를 지원하는 콘텐츠를 제어하고 있습니다. 개발자들은 HTML5 콘텐츠를 Metro 스타일 IE에 보내거나 Metro 스타일 IE 사용자들이 사이트를 데스크톱에서 실행하도록 할 수 있습니다. 자세한 내용은 여기를 참조하시기 바랍니다.
우수한 Flash Player 경험은 Windows 8을 실행하는 터치 중심 PC를 포함하여 모든 PC 폼 팩터에 걸쳐 완벽한 경험을 제공하는 것입니다. 우리는 고객으로부터 HTML5 경험을 제공하지 않는 사이트 경험에 대한 피드백을 들었습니다. 예를 들어, iPad에서 pbskids.org를 사용해 보세요. Beeline 같은 일부 업무 솔루션은 Flash가 필요합니다. 이 사이트 같은 일부 재무 관리 사이트에서는 Flash가 필요합니다. 그리고 youtube.com 같은 일부 사이트에서는 여전히 Flash를 통해 최고의 경험을 제공하고 있습니다.
Adobe와 Microsoft는 두 번 탭, 손가락을 모아 확대/축소 등 HTML5 및 Flash에서 일관적으로 작동하는 터치 제스처 지원을 추가했습니다. Adobe와 Microsoft는 긴밀하게 협력하여 Metro 스타일 경험 내에서 롤오버 같이 터치와 호환되지 않는 데스크톱 Flash 기능을 해제했습니다. Flash의 다른 기능은 대부분 터치와 원활하게 연동합니다.
또한 우리는 Metro 스타일 경험에서 PLM에 대한 지원을 강화하여 배터리 수명을 개선했습니다. Windows의 Flash는 배터리 소모가 많은 동영상 작업을 특수 동영상 하드웨어에 오프로드하는 기능을 이미 지원합니다(링크). 이 작업은 반응 속도와 성능까지 개선합니다.
Adobe와 Microsoft는 긴밀하게 협력하여 보안 및 안정성 문제(예: 예1 및 예2)를 해결하여 SDL/SPLC 및 ASLR 같은 모범 사례와 실행 중단 및 충돌에 대한 정보를 공유하고 있습니다. 우리는 IE 같은 Windows 업데이트를 통해 Flash를 업데이트함으로써 고객에게 편리한 보안 기능을 제공합니다. Microsoft와 Adobe는 보안 업데이트 제공과 관련하여 계속해서 Windows 고객의 기대를 만족하기 위해 최선을 다하고 있습니다. 접근성, 관리성 및 개인 정보 보호에 대해서도 협력하고 있습니다.
Windows 8에 포함된 Flash Player는 모바일에 국한되지 않고 전체 PC 구현을 기반으로 하며, Windows 8이 지원하는 새로운 칩 아키텍처에서 사용할 수 있는 확실한 방법이 있습니다. Adobe는 x86/64 Metro 스타일 IE 모두에서 이와 동일한 Flash Player를 지원하고 Windows RT PC(ARM 프로세서에서 실행되는 Windows)를 초기 제공하기 위해 최선을 다하고 있습니다.
개발 커뮤니티의 경우, 플랫폼 지속성과 기술 선택이 중요합니다. Metro 스타일 IE10의 Flash는 기존 사이트를 고객에게 제공하려는 경험에 꼭 맞는 HTML5 기술로 전환할 수 있는 브리지를 제공합니다. 예를 들어, HTML5는 현재 일부 고급 동영상 콘텐츠 및 게임 시나리오를 지원하지 않습니다.
우리는 다음 주에 MSDN 및 Adobe Developer Connection 같은 정기 문서 채널을 통해 추가 기술 정보를 제공할 것입니다. 여기에는 개발자가 Metro 스타일 IE에서 자신의 사이트의 Flash 콘텐츠를 테스트하는 방법 및 자신의 사이트를 제출하여 CV 목록에 추가하는 방법이 자세하게 설명될 것입니다. 또한 이 문서에는 개발자, 디자이너 및 콘텐츠 게시자가 Metro 스타일 IE에서 잘 작동하는 Flash를 사용하여 경험을 만들 수 있는 모범 사례 지침이 포함될 것입니다. 이러한 모범 사례는 터치 중심 HTML5 사이트 구축에 대한 기존의 권장 방법을 보완합니다.
Windows 8 IE에서는 기본적으로 “추적 선호 표현” 사용
Windows 8에서는 IE10이 기본적으로 웹 사이트에 “추적 선호 표현” 신호를 보냅니다. 사용자는 필요에 따라 이 기본 설정을 변경할 수 있습니다. 이 기능은 온라인에서 수많은 사용자 데이터가 수집되는 현재 환경에서 Windows 고객에게 “기본적으로 개인 정보를 보호”하는 경험을 제공하겠다는 약속을 반영한 것입니다. IE10은 기본적으로 “추적 선호 표현”(DNT) 신호를 보내는 최초의 브라우저입니다.
우리는 IE 10의 추적 선호 표현 기본 설정을 변경함으로써 고객에게 뛰어난 Windows 경험을 제공하겠다는 약속의 범위를 확장하였습니다. 만약 어떤 회사가 추적 선호 표현 신호를 지키지 않을 경우, IE 10이 계속해서 추적 보호 목록을 지원하므로 고객은 클릭 두 번으로 원하지 않는 추적을 차단할 수 있습니다. 이 변화가 너무 과하다는 분들도 있을 것이고 부족하다는 분들도 있겠지만, 계속 발전하는 중이며 개인 정보 보호 수집을 주목적으로 설계된 사이트를 상대로 개인 정보를 보호하는 제품은 여러분의 마음에 꼭 들 것입니다.
DNT와 관련하여 진행 중인 다른 작업에 대한 자세한 내용은 여기에서 확인할 수 있습니다.
공급업체 접두사, 실험적 단계에서 안정적 단계로 웹 발전
Windows 8의 Release Preview에서 IE10은 Windows 8 Consumer Preview 이후에 권장 기술 후보(CR) 상태에 도달한 또는 2012년에 CR 상태에 도달할 표준의 비공급업체 접두사 버전 지원이 추가되었습니다.
이렇게 변화된 IE10에서는 웹 개발자가 다양한 브라우저에서 동일하게 작동하는 마크업을 보다 쉽게 작성할 수 있습니다. 특히 IE10은 이제부터 다음과 같은 W3C 초안 표준을 Release Preview로 시작하는 접두사가 없는 형식으로 지원하며, 여기에는 CSS 전환, 변환, 애니메이션, 그라데이션 및 CSS 글꼴의 font-feature-settings 속성과 Indexed Database API(IndexedDB) 및 requestAnimationFrame() 같은 플랫폼 API 등이 포함됩니다.
우리는 IE10이 지원하는 모든 W3C 초안 표준을 검사하고 접두사가 없는 형식을 포함하여 안정적이고(이름이 크게 변경되거나 속성/기대값이 제거되지 않는), 지원되고, IE10을 제외한 2개 이상의 브라우저에서 기능의 핵심 활용 사례에 상호 운용 가능하며 이미 웹에서 사용 중인 표준을 찾아본 후 이러한 표준을 선택했습니다.
사양이 CR에 도달하면 브라우저 공급업체에서는 일반적으로 공급업체 접두사를 제외합니다. Windows 8 Consumer Preview를 사용하여 개발되었으며 Microsoft 공급업체 접두사를 기반으로 하는 사이트 및 앱과의 호환성을 위해 IE10은 계속해서 -ms- 공급업체 접두사 형식을 지원합니다. IE10은 기타 여러 표준의 공급업체 접두사 형식만을 계속 지원합니다. CSS 플렉시블 박스 레이아웃 같은 이러한 사양이 아직은 안정성과 상호 운용성이 부족하기 때문입니다.
하나의 모범 사례로서 개발자들은 일반적으로 속성의 접두사 없는 버전을 추가하여 웹 페이지의 미래를 대비합니다. 다음 선언 집합은 접두사 없는 CSS 변환을 지원하는 미래의 브라우저에 사용할 수 있습니다.
-webkit-transform: rotate(30deg);
-moz-transform: rotate(30deg);
-ms-transform: rotate(30deg);
-o-transform: rotate(30deg);
transform: rotate(30deg);
기타 주요 플랫폼 변경 사항
Release Preview에서 우리는 계속해서 성능을 개선하는 중입니다. 웹 페이지는 “손가락 동작과 일치”해야 하며 콘텐츠를 이동, 확대/축소, 배율 조정할 때 빠르고 원활하게 작동해야 합니다. Chalkboard 벤치마크는 일부 성능 작업의 결과를 보여 줍니다. 브라우저가 좌우상하로 이동하는 동안 "칠판"을 확대/축소하여 이러한 일반 터치 동작을 얼마나 효율적으로 수행할 수 있는지 측정합니다. 여기서 IE10의 성능은 Internet Explorer의 작동 중인 하드웨어 가속을 잘 보여주는 좋은 예입니다.
성능 개선으로 인해 뛰어난 터치 환경을 경험할 수 있습니다. 예를 들어 웹 페이지 콘텐츠(고정된 요소, 하위 스크롤러, 애니메이션, 비디오)를 완벽하게 독립적으로 구성할 수 있습니다. 또한 우리는 로우엔드급 하드웨어의 성능도 개선했습니다. 이제 집약적 사이트는 로우엔드급 하드웨어에서 깜박임이 훨씬 적게 나타납니다. 이러한 개선을 통해 IE10���은 HTML5 비디오 및 Adobe Flash Player 모두에서 훨씬 원활한 전체 화면 비디오 재생을 지원합니다.
우리는 Chakra JavaScript 엔진의 성능을 지속적으로 개선했습니다. HTML5 게임처럼 JavaScript를 많이 사용하는 웹 응용 프로그램은 동적 프로필 기반 JIT, 부동 소수점 숫자의 유형별 코드 생성, 기능 인라인 확장 및 유휴 메모리 공간을 축소하기 위한 최적화 작업을 통해 좋은 효과를 거두는 동시에 가비지 수집으로 인한 식별 가능한 일시 중지 횟수를 줄일 수 있습니다.
또한 우리는 여러 가지 방법으로 표준 지원을 개선했습니다. 이제 IE10은 IVS/Emoji 문자 및 classList API, 새로운 animation-direction CSS 속성의 reverse 및 alternate-reverse 값을 지원합니다. DOM 예외는 W3C WebIDL 사양과 일치하며, 개발자는 생성자를 사용하여 Blob 개체를 만들어 W3C 사양을 일치시킬 수 있습니다. 또한 우리는 모든 모드에서 기존 DX 필터를 제거했습니다.
HTML5 응용 프로그램 및 사이트는 인스턴스화 가능한 제스처 이벤트 처리를 제공하는 MSGesture API를 통해 터치로 더 많은 작업을 할 수 있습니다.
더 나은 웹의 현재와 미래
HTML5로 더 나은 웹 사이트 및 응용 프로그램을 만들 수 있는 기회가 계속 제공되고 있습니다. 이러한 기회는 웹을 사용하는 모든 사람들에게 열려 있습니다.
그러한 웹을 최대한 빨리 만나려면 개발자들이 사이트의 오래되고 시대에 뒤쳐진 패턴을 업데이트해야 합니다. CV 목록을 살펴보면 오래된 라이브러리를 사용하기 때문에(예: 여기) 또는 기능 검색이 아닌 라이브러리 검색을 사용하기 때문에 shim이 필요한 사이트 예를 확인할 수 있습니다. Microsoft에 보고되는 호환성 문제는 IE의 특정 문제이기보다는 사이트에서 IE를 검색하여 해당 IE에 다른 브라우저에 보내는 것과 다른 콘텐츠를 보내기 때문에 발생하는 경우가 많습니다. 기능 검색 예제 코드 패턴에 대한 내용은 이 글을 비롯하여 몇몇 IE 블로그 글에서 읽을 수 있습니다.
앞으로도 여러 브라우저의 HTML5 엔진에서 구현하는 품질과 정확성에는 많은 차이가 있을 것입니다. 현재 IE10에서 접두사 없이 지원하는 모든 기능에 대한 사례를 테스트하기 위해 W3C에 업데이트를 제출할 것입니다. CSS 작업 그룹의 회원이자 공동 편집자로서 우리는 동료들과 협력하여 이러한 사양을 권장 기술 후보까지 발전시킬 것입니다. 우리는 상호 운용성과 동일 마크업의 목표를 달성하기 위해 HTML5 표준 기구에서 개발 중인 테스트 도구 모음 프로젝트에 지속적으로 참여하고 지원할 계획입니다. 이미 240개가 넘는 테스트를 제출하고 업데이트했는데, IE 테스트 센터에서도 이에 대한 정보를 확인할 수 있습니다. 여러 다양한 브라우저에서 동일 마크업에 대한 지원이 강화되고 동일한 결과를 제공하게 되면 HTML5의 약속이 완벽하게 실현될 수 있을 것입니다.
개발자에게 제공되는 새로운 기능의 전체 목록은 IE10 개발자 가이드에서 확인할 수 있습니다. 이 IE10 업데이트를 사용하려면 Windows 8 Release Preview를 다운로드하시기 바랍니다. 앞으로도 개발자 커뮤니티에 계속해서 활발히 참여하시고 Connect에서 여러분의 의견도 많이 들을 수 있기를 바랍니다.
- Internet Explorer 기업 부사장, Dean Hachamovitch