Windows 8 Consumer Preview의 IE10을 사용한 웹 브라우징

이 글에서는 새로운 Internet Explorer 10 브라우징 경험에 대해 알아보려고 합니다. 이전 글에서 설명했듯이 기본 브라우징 엔진이 성능, 표준, 기능 면에서 크게 향상되었습니다. Metro 스타일 환경에 맞게 설계된 IE10은 브라우징 작업보다는 검색하려는 정보에 집중할 수 있도록 새롭게 향상된 브라우징 방법으로서, 몰입감이 매우 뛰어난 경험을 제공합니다. 이와 동시에 탭, 키보드 바로 가기, 'InPrivate 브라우징' 등 모든 안전 장치와 컨트롤도 제공합니다. 이 글은 Internet Explorer 그룹 프로그램 관리자인 Rob Mauceri가 작성했습니다. --Steven

모든 Windows 8 장치에서 최고의 브라우징을 경험할 수 있도록 우리는 Internet Explorer 10에서 웹 브라우저 경험과 그 기반이 되는 아키텍처를 새롭게 상상했습니다.

Metro 스타일 앱이 제공하는 모든 이점을 제공하기 위해 Windows 8을 기반으로 새로운 브라우징 경험을 구현했으며, HTML5와 기타 웹 표준의 지원 및 강력한 보안과 함께 빠르고 완벽한 하드웨어 가속화 브라우징 엔진을 제공하도록 IE의 기본 아키텍처를 확장했습니다.

Windows 8 Consumer Preview의 결과물은 바로 Metro 스타일의 웹 환경입니다. IE10은 터치에 적합하면서도 마우스와 키보드에도 어울리게 빠르고 유연한 웹 사이트 상호 작용을 지원하도록 설계되었습니다. IE10에서는 웹 사이트가 시작 화면, 참, 끌기 등 Windows 8의 Metro 스타일 환경에 사용됩니다. 또한 IE10은 악성 소프트웨어로부터 웹을 완벽하게 보호하는 동시에 온라인에서 개인 정보를 실질적으로 제어할 수 있습니다.

우리는 Consumer Preview에서 Metro 스타일 브라우징 경험을 구현하고 조정하면서, 큰 화면과 마우스 및 키보드가 장착된 데스크톱 컴퓨터에서든 터치 방식의 모바일 장치에서든 Metro 스타일 브라우징이야말로 가장 최적화된 브라우징 방법이라는 것을 깨달았습니다. 사용자들은 휴대폰에서 "크롬리스(Chromeless)" 검색을 경험하면서 데스크톱에 비해 몰입도가 뛰어나고 수동 브라우징 경험이 적은 환경에 익숙해졌습니다. Metro 스타일 브라우징은 몰입도가 뛰어난 전체 화면 크기의 사이트 경험을 제공합니다. IE와 Windows 8을 통해 여러분은 언제든지 Charm(참)을 사용하여 웹 사이트에서 공유, 인쇄, 검색 등 원하는 작업을 수행할 수 있습니다. 우리는 가장 열정적이고 열성적인 브라우징 패턴을 사용하는 사람들을 비롯해 많은 사람들이 Metro 스타일 브라우징을 선호한다는 점을 알았습니다. Metro 스타일 브라우징은 수동 작업이 적고 브라우징 방법보다는 브라우징 대상에 중점을 두기 때문입니다.

이 HTML5 비디오는 현재 브라우저에서 지원되지 않습니다.

다른 미디어 플레이어로 보려면 이 비디오를 다운로드하십시오.
고화질 MP4 | 저화질 MP4

Windows 8 Consumer Preview의 IE10에서는 웹 브라우징이 빠르고 유연합니다.

IE 블로그에서 기본 HTML5 "Trident" 브라우저 엔진과 Chakra JavaScript 엔진에 대한 기술적 세부 정보와 향상된 아키텍처를 확인할 수 있습니다.

Metro 스타일 웹 브라우저

IE10의 사용자 경험은 일상적으로 수행하는 강도 높은 브라우징도 빠르고 유연하게 처리할 수 있도록 모든 Metro 스타일 디자인 패턴 중에서도 독보적으로 구현되었습니다.

필요에 따라 표시되고 숨겨지도록 인터페이스와 컨트롤을 디자인하고, 여러 양식을 지원하는 뛰어난 터치 키보드, 자동 고침 기능이 있는 통합 맞춤법 검사, 페이지에서 텍스트 찾기 등 일상적으로 수행하는 강도 높은 브라우징에 필요한 포괄적인 기능도 디자인했습니다. 사용자 경험은 Windows 8 참과 끌기 등의 명령 활성화 및 지원, 개인 설정, 애니메이션에 대해 Metro 스타일 패턴과 규약을 따릅니다.

전체 화면으로 표시된 Jetsetter 웹 사이트IE10은 사이트에 중점을 두어 웹에 모든 픽셀을 사용하는
완벽한 전체 화면 환경을 제공합니다.

화면 상단의 8개 탭, 화면 하단의 주소 표시줄 및 기타 명령탭을 사용할 수 있지만 필요할 때만 표시됩니다.

IE10은 모바일 버전의 사이트뿐만 아니라 실제 웹에서도 빠르고 유연합니다. IE는 터치, 마우스 및 키보드에 대한 응답성이 뛰어나도록 디자인되었습니다. Metro 스타일 브라우저는 단순히 터치 장치에서의 브라우징이 아니라 '터치 브라우징'을 기반으로 합니다. 따라서 터치로 화면 이동과 확대/축소, 앞뒤로 살짝 밀어서 페이지 탐색, 두 번 탭하여 콘텐츠 확대 및 축소 등 손가락을 대고 끄는 과정에서 뛰어난 응답성을 느낄 수 있습니다. 상황에 맞는 메뉴와 양식 컨트롤이 터치에 최적화되어 있으며, 브라우저가 장치 방향에 따라 유연하게 응답하여 가로 및 세로 화면 레이아웃에 맞게 매끄럽게 확대/축소될 뿐 아니라 Windows 8 응용 프로그램 "끌기"에도 유연하게 응답합니다. 또한 IE10에서는 키보드 바로 가기 지원, 앞뒤 탐색에 편리한 마우스 활성화 등 마우스와 키보드로 웹을 검색하는 환경이 향상되었습니다.

Metro 스타일 IE10은 보다 현대적이면서도 차별화된 브라우징 방법을 제공합니다. 즉, 지금까지 브라우징을 정립해온 모든 탭과 창 관리 작업 대신, 검색하는 웹 사이트 자체에 중점을 둡니다. 내부에서 우리는 키보드, 마우스뿐 아니라 터치 스크린이 장착된 랩톱과 데스크톱 워크스테이션의 주 브라우저로 IE10을 사용해 왔습니다. 시작 화면의 웹 사이트 타일에서 몰입도가 뛰어난 전체 화면의 웹 경험에 이르기까지 우리는 Windows 8의 IE를 실제 웹의 일상적인 브라우저로 활용될 수 있도록 디자인했습니다.

탐색 타일은 사이트의 아이콘 및 색상을 사용하여 최소한의 입력만으로 사이트를 즉시 찾고 탐색할 수 있도록 디자인되었습니다. IE에는 자주 방문하는 사이트와 시작 화면에 고정한 사이트가 표시됩니다.

IE에 타일로 표시된 자주 방문하는 사이트 및 고정된 사이트

탐색 타일을 통해 가장 중요한 사이트로 바로 이동할 수 있습니다.

주소 표시줄에 입력하기 시작하면 탐색 타일이 필터링되어 열어 본 페이지 목록, 즐겨찾기, 인기 있는 URL에서 사이트를 찾아 표시합니다. Windows 8 로밍 및 연결된 계정을 사용하면 검색 기록과 즐겨찾기가 로밍되므로 사용자의 모든 PC에서 최근에 방문한 웹 페이지에 쉽게 액세스할 수 있습니다.

: 여러 웹 페이지 브라우징은 뛰어난 웹 환경의 핵심입니다. 터치 화면의 위 또는 아래에서 살짝 밀거나 마우스 오른쪽 단추를 클릭하거나 키보드에서 Windows 키+Z를 누르면 Metro 스타일 탭 전환 도구가 나타납니다.

탭을 추가하고 새 InPrivate 탭을 만들고 탭을 정리할 수 있는 단추와 함께 표시된 7개 탭

활성 탭은 페이지 제목이 텍스트 오버레이로 처리된 페이지 축소판으로 표시됩니다. 탭에는 터치하기 편리한 닫기 단추와 새 탭 또는 새 InPrivate 탭을 만들 수 있는 단추가 있습니다. IE10에서는 최근에 사용한 10개 탭이 표시되므로 탭 관리에 소요되는 시간을 절약할 수 있습니다. 뿐만 아니라 한 번의 명령으로 탭을 쉽고 빠르게 정리할 수도 있습니다.

IE10의 탐색 표시줄은 필요할 때만 표시되고 다시 웹 사이트에 집중할 수 있도록 합니다. 탐색 표시줄에는 앞으로, 뒤로, 중지/새로 고침 및 시작 화면에 사이트 고정과 같은 자주 쓰이는 명령 작업을 수행하는 데 편리한 컨트롤(터치 또는 키보드/마우스)이 포함되어 있습니다. 주소 표시줄에는 보안 사이트, SmartScreen, InPrivate 브라우징에 대한 배지 및 색상이 표시됩니다. 또한 데스크톱의 IE 동작과 마찬가지로 웹 검색뿐 아니라 자동 완성을 지원합니다. 주소 상자에는 페이지 로드 상태를 나타내는 진행률 표시가 나타나며 사이트 호환성 및 추적 방지에 대한 표시가 포함되어 있습니다. 탐색 표시줄에는 이전 플러그 인 기술이 필요한 사이트와의 호환성 또는 기존 워크플로에서 데스크톱 도구를 사용하려는 경우를 위해 '페이지에서 찾기' 및 '데스크톱의 IE에서 열기'에 대한 명령이 포함되어 있습니다.

뒤로 단추, 즐겨찾기 아이콘, 주소 표시줄, 새로 고침, 고정, 도구, 앞으로 단추 포함

터치 키보드: IE10은 실제 키보드 및 Windows 8 터치 키보드와 원활하게 작동하며, 보다 편리하게 브라우징 경험을 할 수 있도록 터치 키보드를 자동으로 조정합니다. 예를 들어 주소 표시줄에 포커스를 두면 URL을 바로 입력할 수 있도록 "/" 및 ".com" 키가 제공됩니다.

주소 상자: nytimes.com/. 키보드의 특수 키에는 이모티콘과 .com, / 등이 있습니다.

IE는 사용자가 입력하는 위치를 기반으로 터치 키보드를 자동으로 조정합니다.
예를 들어 전자 메일 양식 필드에는 "@" 및 ".com" 키가 표시됩니다.

IE10에서는 "번거롭지 않게" 알림을 제공합니다. 모든 알림과 사용자 프롬프트는 화면 아래쪽의 알림 표시줄을 통해 제공되고, 보다 적극적인 상호 작용이 필요한 경우에는 IE에서 Windows 8 Metro 스타일의 "플라이아웃"을 사용합니다. 알림 표시줄은 필요에 따라 적절히 자동으로 사라집니다. Metro 스타일 브라우저에서 다운로드하면 데스크톱의 IE와 마찬가지로 SmartScreen의 응용 프로그램 신뢰도를 통해 악성 소프트웨어로부터 보호됩니다.

Metro 스타일의 앱과 웹 사이트 연결

IE10에서 웹 사이트는 Windows 8 Metro 스타일 경험의 일부입니다. 끌기, 참, 스토어 및 시작 화면과의 통합으로 Metro 스타일 브라우징에서는 웹과 앱 간의 경계가 허물어집니다.

끌기는 한 번에 두 가지 이상의 작업을 지원함으로써 Windows 8을 보다 쉽게 사용할 수 있도록 합니다. IE10을 검색하면서 메일, 음악 또는 다른 앱에 동시에 액세스할 수 있습니다. 브라우저는 작은 "사이드 앱" 크기에 맞게 조정되며 사용할 필요가 있을 경우 자동으로 도킹이 해제됩니다. 끌기를 할 때 화면 이동, 손가락으로 모으고 두 번 탭하여 확대/축소, 링크를 따라 이동하는 등 모든 핵심 브라우징 기능을 사용할 수 있습니다.

IE 쪽으로 끈 메시징 앱Windows 8 "끌기"를 사용한 멀티태스킹으로 사이트를 메시징 앱과 같은 다른 응용 프로그램과 나란히 둘 수 있습니다.

은 Windows 8에서 검색 및 공유와 같은 일반적인 작업을 일관성 있게 수행하는 방법을 제공합니다. IE10은 검색, 공유, 장치, 설정 참을 지원합니다.

화면 오른쪽 가장자리를 따라 검색, 공유, 시작, 장치, 설정 참이 표시되고, 왼쪽 아래에 시간 및 날짜가 표시된 IE10의 여행 웹 사이트

화면의 오른쪽 모서리에서 살짝 밀거나 Windows 키+C를 누르거나
화면의 오른쪽 아래 또는 위로 마우스를 이동하면 참이 나타납니다.

검색 참의 경우IE10에서는 기본 설정을 지정할 수 있는 기본 검색 엔진을 사용합니다. 참 플라이아웃에서 검색을 초기화한 후에는 데스크톱의 IE에서 볼 수 있는 동일한 사진과 즉각적인 결과(검색 엔진에서 지원하는 경우)를 포함하여, 입력하는 대로 검색 결과가 표시됩니다.

공유 참을 사용하면 메일과 같이 공유를 지원하는 모든 앱에 액세스할 수 있습니다. 이를 통해 이미지, 설명 및 하이퍼링크가 포함된 풍부한 링크 미리 보기를 보낼 수 있으므로, 단순히 링크뿐 아니라 다양한 항목을 쉽게 공유할 수 있습니다.

사진 및 웹 사이트 설명 텍스트가 포함된 여행 웹 사이트 링크를 보내기 위해 작성 중인 전자 메일과 화면의 일부가 겹친 메일 창

IE10과 메일에서는 이미지, 설명 및 하이퍼링크가 포함된 풍부한 링크 미리 보기를 보낼 수 있으므로
단순히 링크뿐 아니라 다양한 항목을 쉽게 공유할 수 있습니다.

장치 참을 사용하면 간편하면서도 일관성 있게 외부 장치로 인쇄, 영사 및 재생할 수 있습니다. 예를 들어 IE에서 장치 참을 탭하거나 클릭한 후 프린터를 선택하여 웹 페이지를 인쇄할 수 있습니다. 항공 탑승권 등을 인쇄할 때도 매우 편리합니다.

설정 참을 통해 자주 사용하는 IE10의 구성 설정에 빠르게 액세스하고, 신속하게 검색 기록을 지우며 위치 액세스를 제어할 수 있습니다. 일반 사용자는 간소화된 방식으로 IE 설정을 사용하는 한편, 고급 사용자는 계속 데스크톱의 IE 설정을 통해 세분화된 제어 기능에 쉽게 액세스할 수 있습니다.

사이트 고정을 통해항상 사용하는 사이트로 Windows 시작 화면을 개인 설정할 수 있습니다. IE10에서 모든 웹 사이트를 시작 화면에 고정할 수 있으므로 원하는 모든 항목을 한 곳에서 액세스할 수 있습니다.

고정된 사이트의 타일은 해당 사이트의 색상과 아이콘으로 표시됩니다. IE10을 사용하면 사이트에서 새 메시지 및 웹 사이트의 기타 계정 활동에 대한 백그라운드 알림을 제공할 수 있습니다. 또한 데스크톱의 IE에 대해 점프 목록을 프로그래밍할 수 있는 것과 마찬가지로, IE의 탐색 표시줄에 표시되는 추가 명령을 편리한 터치 방식으로 프로그래밍할 수 있습니다.

Bing, Facebook, ESPN.com 등이 고정된 사이트

사이트 타일을 통해 Windows 8 시작 화면에서 사이트로 바로 이동할 수 있습니다.

숫자 8이 알림으로 표시된 Days to Spring 타일고정된 사이트 타일 알림을 통해 사이트를 열지 않고도 한 눈에 최신 정보를 확인할 수 있습니다.

Jetsetter 웹 사이트에 대한 점프 목록: Jetsetter, Gift 그룹 회원, 작업, 계정, 모든 플래시 판매, 패스포트, 선물, 지역(구/군/시), 시작에 고정점프 목록을 통해 사용자 지정된 사이트 섹션 및 정보에 신속하게 액세스할 수 있습니다.

스토어와 통합되어 IE에서 방문한 사이트에 적합한 Metro 스타일 앱을 손쉽게 검색하여 실행할 수 있게 되었습니다. 사이트에 사용 가능한 앱이 있는지 여부가 탐색 표시줄에 표시되고, 한 번 탭하거나 클릭하면 스토어의 해당 앱으로 이동합니다. 앱을 설치한 후 사이트에서 바로 실행할 수 있습니다. 예를 들어 다음은 IE10에서 실행된 cuttherope.ie입니다.

탐색 표시줄의 즐겨찾기 아이콘에 도구 설명이 표시됨: Get the app

사이트 즐겨찾기 아이콘 단추를 통해 한 번 탭하거나 클릭하여 앱을 다운로드하고 실행할 수 있습니다.

악성 웹으로부터 사용자 보호

IE10은 IE9의 SmartScreen, XSS 필터링, 응용 프로그램 신뢰도, InPrivate 브라우징, 추적 방지, 작동 중지 감지 및 복구 등을 기반으로 업계 최고의 보안, 개인 정보 보호 및 안정성 기능을 제공하며, Windows 8을 활용하여 웹 사이트 콘텐츠를 각 탭에 효율적으로 분리하는 "향상된 보호 모드"를 제공합니다. 또한 InPrivate 브라우징이 탭별로 실행되도록 확장되었으므로 기록, 쿠키 또는 캐시된 데이터를 남기지 않고 일부 페이지를 InPrivate에서 실행할 수 있습니다.

개발자 프리뷰에서 변경된 내용 요약

Windows 8 Consumer Preview의 IE10에서는 보다 완전한 기능을 갖춘 Metro 스타일 브라우징 경험을 제공합니다. 다음은 빠르고 유연한 브라우징을 위해 IE10에서 향상된 기능의 몇 가지 예입니다.

  • 완벽한 독립적 구성으로 실제 웹 사이트(고정된 요소, 중첩된 스크롤 영역, 애니메이션, 비디오가 있는 페이지 포함)에서 응답성이 뛰어나며 빠르고 유연한 동작 지원
  • 앞뒤로 살짝 밀어 탐색(미리 보기 지원)
  • 두 번 탭하여 콘텐츠 확대/축소
  • 마우스를 사용하여 빠르게 앞뒤로 탐색하는 컨트롤
  • 터치 상호 작용을 반영한 신속한 마우스(Ctrl+스크롤 휠) 및 키보드 확대/축소 방식
  • 입력을 최소화하면서 빠른 탐색을 지원하는 자동 도메인 제안
  • 메일 및 기타 앱과의 URL, 코드 조각, 이미지, 선택 항목 등에 대한 공유 참 지원
  • 시각적 검색 제안을 제공하는 검색 참
  • TV와 같은 외부 장치로 비디오를 인쇄, 영사 및 재생할 수 있는 장치 참
  • 플러그 인이 없는 지원: ActiveX가 필요한 사이트에 대한 알림
  • 고정된 사이트 및 기타 향상된 타일 기능을 위한 백그라운드 알림
  • 고정된 사이트에 대한 점프 목록
  • 보다 쉽게 열 수 있는 InPrivate 탭
  • 현재 탭을 제외하고 모든 탭을 신속하게 닫을 수 있는 탭 정리 명령

어떤 장점도 포기하지 않는 Metro 스타일 브라우징

이전에는 터치 기능이 뛰어난 작은 화면에서 모바일 웹을 검색하든지, 아니면 큰 화면에서 마우스와 키보드로 전체 웹을 검색하든지 둘 중 하나를 선택해야 했습니다. Windows 8 Consumer Preview의 IE10에서 제공하는 Metro 스타일 웹 경험은 이러한 고민을 해소하여 Windows 8과 PC의 모든 기능을 통해 검색, 터치, 멀티태스킹, 인쇄, 공유 등을 수행할 수 있습니다. IE10에서 실행되는 웹은 보다 빠르고 유연하며 응용 프로그램 연결성이 뛰어나고, 강력한 보안과 개인 정보 보호 기능을 제공합니다.

--Rob Mauceri