Windows 개발자 프리뷰: 3번째 IE10 플랫폼 프리뷰

  • Article

Windows 개발자 프리뷰에 포함된 새로운 IE10 엔진을 통해 개발자는 HTML5 기술을 더욱 풍부하게 활용하여 터치 중심적이고 미적으로 세련된 대화식 웹 응용 프로그램을 구축할 수 있습니다.

이 동영상에서는 Windows 개발자 프리뷰에 포함된 3번째 IE10 플랫폼 프리뷰의 터치 중심적인 HTML5 기술을 보여줍니다.

Windows 8에는 새로운 메트로 스타일 브라우저와 데스크톱의 IE10 등 두 가지 브라우징 경험을 지원하는 하나의 HTML5 브라우징 엔진이 포함되어 있습니다. 이 공통 HTML5 엔진은 브라우저 경험과 메트로 스타일 응용 프로그램 모두를 대상으로 웹 표준을 비롯하여 일관되게 빠르고 안전하며 강력한 웹 프로그래밍 모델을 강력하게 지원합니다. Windows 8 구축 블로그에서 새로운 메트로 스타일 브라우징 경험에 대해 자세히 알아볼 수 있습니다.

이번 업데이트에서 IE10에는 다음과 같은 다양하고 새로운 기술을 사용하도록 터치 중심적 사이트에 대한 지원이 포함되었습니다.

  • 풍부한 시각 효과: CSS 텍스트 그림자, CSS 3D 변형, CSS3 전환 및 애니메이션, CSS3 그라데이션, SVG 필터 효과
  • 정교한 페이지 레이아웃: 출판 수준의 페이지 레이아웃 및 응용 프로그램 UI를 위한 CSS3(CSS3 눈금, 플렉스박스, 다중 열, 위치 지정된 부동점, 영역 및 하이픈 넣기), HTML5 폼, 입력 컨트롤 및 유효성 검사
  • 강화된 웹 프로그래밍 모델: IndexedDB 및 HTML5 응용 프로그램 캐시를 포함한 로컬 저장소; 웹 소켓, HTML5 기록, 비동기 스크립트, HTML5 파일 API, HTML5 끌어다 놓기, HTML5 샌드박싱, 웹 작업자, ES5 엄격 모드 지원을 통해 오프라인 응용 프로그램 향상

이와 함께, IE 테스트 사이트를 터치 중심적으로 업데이트했으며 입자 가속, 라소 버드 및 터치 효과와 같은 재미있는 멀티 터치 데모도 추가했습니다.

IE 테스트에는 터치 중심적 HTML5의 예가 포함되었으며 그 자체가 터치 중심적입니다.
IE 테스트에는 터치 중심적 HTML5의 예가 포함되었으며 그 자체가 터치 중심적입니다.

IE10에는 또한 맞춤법 검사와 함께 AutoCorrect에 대한 지원도 포함되어 이제 웹 페이지에서 내용을 입력할 때 일반적인 오타(영어로 'teh' 등)가 줄어들 것으로 예상됩니다.

새로운 전환: 소비자 경험의 편리성 증대

IE10은 플러그인 없이 브라우저에서 웹 응용 프로그램이 더욱 효과적으로 작동하도록 한다는 IE9의 개발 방향을 그대로 이어받았습니다. 많은 사이트들이 이미 여러 장치와 브라우저에서 플러그인 없이 작동하고 있습니다. 해당 코드에서 플러그인을 사용할 수 없다는 것이 탐지되면 기본 브라우저 패턴의 사용을 면밀하게 검토해볼 것을 개발자에게 당부합니다. 그러면 더욱 많은 사람들이 사이트를 편리하게 이용하는 효과를 거둘 수 있을 것입니다.

이와 함께, 사이트에서 IE10과 같은 최신 브라우저에서 제대로 작동하지 않는 오래된 라이브러리(여기서 예를 확인)를 업데이트할 것도 개발자들에게 권장합니다.

그 밖에도 브라우저 검색보다는 기능 검색을 사용하여 항상 변화하는 브라우저 사이의 차이에 적응할 것을 개발자에게 권장합니다.

// Best Practice: Use native XHR when available

var xmlHttp;

if (window.XMLHttpRequest) {

// In IE7+, Gecko, WebKit: Use native object

xmlHttp = new XMLHttpRequest();

}

else if (window.ActiveXObject) {

// ...if not native, try the ActiveX control

xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");

}

else {

// no XHR support

xmlHttp = null;

}

앞으로도 여러 브라우저의 HTML5 엔진이 제공하는 품질과 정확성에는 큰 차이가 있을 것입니다. 각 브라우저가 동일 마크업을 지원하여 동일한 결과를 제공하게 되면 HTML5의 약속이 완벽하게 실현될 수 있을 것입니다. 상호 운용성과 동일 마크업의 목표를 달성하기 위해 표준 기구에서 개발 중인 테스트 도구 모음에도 계속해서 참여하여 도움을 줄 것입니다. 이번 IE10 업데이트의 결과로 IE 테스트 센터에 312개 이상의 새로운 테스트가 게시되었고 표준 기구에도 제출되었습니다.

IE10 개발자 가이드에서 개발자에게 제공되는 새로운 기능의 전체 목록을 확인할 수 있습니다. 이 IE10 업데이트를 사용해 보시려면 Windows 8 개발자 프리뷰를 다운로드하십시오. 앞으로도 개발자 커뮤니티에 계속해서 활발히 참여하시고 Connect에서 여러분의 의견도 많이 들을 수 있기 바랍니다.

―Dean Hachamovitch, 기업 부사장, Internet Explorer

추신 – 많은 사이트에서 플러그인이 없는 버전을 제공합니다. 예를 들어, YouTube 사이트인 https://www.youtube.com/html5에서 HTML5 사용을 선택할 수 있습니다.