응용 프로그램을 위한 HTML5: 4번째 IE10 플랫폼 프리뷰

Windows 개발자 프리뷰에서 사용할 수 있는 업데이트된 IE10 플랫폼 프리뷰를 지금 다운로드할 수 있습니다. 이 IE10 프리뷰는 더욱 우수하고 풍부한 기능을 가진 웹 응용 프로그램을 개발할 수 있도록 HTML5 기술의 지원 수준을 한층 높여 줍니다. SVG, CSS3 Transform 및 Animation과 같은 기술의 IE10 하드웨어 가속은 다음의 짤막한 동영상에서 알 수 있듯이 다른 브라우저보다 빠른 렌더링을 제공합니다.

IE10의 새로운 HTML5 기능과 성능 강화의 주요 내용을 소개합니다.

이 4번째 플랫폼 프리뷰를 통해 개발자는 사이트에 더욱 최적화된 HTML5 기술을 경험할 수 있습니다. IE10 개발자 가이드에서 전체 목록을 확인할 수 있습니다. 여기서는 그 주요 내용을 소개합니다.

  • 전체 도메인에서 XMLHttpRequest를 안전하게 사용하기 위한 CORS(Cross-Origin Resource Sharing)
  • File API Writer가 Blob 빌더를 지원하여 브라우저 내에서 대형 이진 스크립트 개체를 조작할 수 있음
  • JavaScript 형식 배열을 지원하여 형식화된 데이터의 보관과 조작 효율을 높임
  • 최종 사용자가 웹 페이지나 응용 프로그램에서 요소를 선택하는 방식을 제어하기 위한 CSS 사용자 선택 속성
  • 시간 코드, 배치 및 캡션 파일 형식을 포함한 HTML5 비디오 텍스트 캡션 지원

기본 응용 프로그램을 구축하는 개발자들은 이진 데이터 및 파일 처리, 응용 프로그램 UI에서 선택 및 적중 테스트 제어 및 캡션을 포함한 액세스 가능한 비디오 콘텐츠 제공 등 기본 토대가 되는 기능들을 절실히 필요로 합니다. 이 플랫폼 프리뷰의 기능들은 현재 웹 페이지에 사용 가능하며 Windows 8의 메트로 스타일 응용 프로그램에도 사용할 수 있게 될 것입니다.

HTML5 응용 프로그램 구축

이 IE10 프리뷰는 CORS(cross origin resource sharing)를 지원하므로 개발자는 XMLHttpRequest를 사용하여 여러 도메인의 응용 프로그램에 걸쳐 데이터를 안전하게 요청, 공유 및 이동할 수 있습니다. 이는 여러 응용 프로그램의 데이터와 서비스를 결합시키는 목적으로 개발자들이 사용하는 일반적 방식입니다. 이 테스트 데모에서는 XMLHttpRequest, File API 및 HTML5 Progress 컨트롤과 함께 CORS를 사용하여 다른 도메인의 서비스에 다수의 파일을 자연스럽게 업로드하는 방법을 확인할 수 있습니다.

HTML5 대상 요소에 파일을 놓은 결과로 업로드되는 4개의 이미지 파일을 보여주는 IE 테스트 데모의 사이트 간 업데이트 스크린샷

XMLHttpRequest와 함께 CORS를 사용하여 도메인 사이에서 파일을 업로드하는 모습을 보려면 여기를 클릭하십시오.

이진 데이터와 파일을 사용함으로써 개발자는 웹에서 새로운 형태의 응용 프로그램과 경험을 구축하는 기회를 얻게 됩니다. 이 IE10 프리뷰는 대형 이진 개체(Blob) 및 JavaScript 형식 배열을 처리하기 위한 File API: Writer를 통해 Blob 빌더를 지원합니다. 이 테스트 데모에서는 PCX 파일과 같이 브라우저에서 기본적으로 지원되지 않는 파일 형식을 포함하여 여러 가지 파일 형식을 읽고 렌더링하며 내부 콘텐츠까지 표시하는 방법을 확인할 수 있습니다.

PCX 파일의 16진수 덤프와 HTML5 캔버스 및 JavaScript를 사용한 이 파일의 렌더링을 보여주는 IE 테스트 데모의 이진 파일 검사기 스크린샷

JavaScript 형식 배열을 File API와 함께 사용하여 이진 파일을 읽고 표시하는 방법을 확인하려면 여기를 클릭하십시오.

개발자들이 웹에서 더욱 복잡한 응용 프로그램을 구축함에 따라 최종 사용자가 페이지의 각 부분을 선택하는 방식에 대해 더 정밀하게 제어해야 할 필요성이 커지고 있습니다. IE10에서는 CSS 사용자 선택이 지원되므로 개발자는 응용 프로그램을 사용하는 소비자가 페이지에서 선택할 수 있는 요소를 지정할 수 있습니다. 이 테스트 데모에서는 CSS 규칙의 사용자 선택 속성을 사용하여 샘플 블로그 응용 프로그램에서 선택 컨트롤이 적용되는 방식을 확인할 수 있습니다.

웹 페이지의 일부분으로 텍스트 선택을 제한하는 데 필요한 마크업을 보여주는 IE 테스트 데모의 사용자 선택 스크린샷

CSS 사용자 선택을 사용하여 최종 사용자의 웹 페이지 선택을 제어하려면 여기를 클릭하십시오.

HTML5의 동일 마크업 목표에 일조

MS는 상호 운용성과 동일 마크업이라는 목표에 따라 HTML5 표준 기구에 118가지 새로운 테스트를 제출하여 개발 단계에 있는 테스트 도구 모음 발전에 계속 힘쓰고 있습니다. IE 테스트 센터에서도 이 내용을 볼 수 있습니다. 페이지에 항상 <!DOCTYPE html>의 HTML5 문서 종류를 사용하여 HTML5 표준을 가장 먼저 채택할 것을 모든 개발자에게 강력히 권장합니다.

IE10 프리뷰 4에는 업데이트된 쿼크 모드가 도입되어 쿼크 모드가 Firefox, Chrome, Safari 및 Opera 등의 다른 브라우저에서 작동할 때의 일관성과 상호 운용성이 더욱 향상됩니다. 이 업데이트된 쿼크 모드는 페이지 레이아웃에 대한 쿼크를 지원하며 오디오, 비디오, 캔버스 등에 대한 HTML5 요소와 같은 최신 표준 기능의 사용도 지원합니다.

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

- Rob Mauceri, 그룹 프로그램 관리자, Internet Explorer