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

우리는 Windows 8 Release Preview를 통해 새로 구상한 웹 브라우저 경험을 계속해서 선보이고 있으며, 여러분의 피드백을 통합하여 여러분이 날마다 탐색하는 여러 웹을 포함한 모든 Windows 8 장치에서 최고의 브라우징을 제공합니다. 이 글은 Internet Explorer의 그룹 프로그램 관리자 Rob Mauceri가 작성했습니다.
- Steven

---

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

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

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

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

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

더 많은 웹 브라우징

Windows 8 Release Preview에는 Windows 업데이트를 통해 업데이트할 수 있는 새로운 IE10용 절전형 터치 중심 Adobe Flash Player가 포함되어 있습니다. 호환 웹 사이트의 Adobe Flash 콘텐츠는 이제부터 새로운 Metro 스타일 웹 브라우저에서 재생됩니다. 최적화된 Flash Player는 Windows 8의 IE10과 통합되어 고객에게 Windows 8에서 웹을 브라우징하는 뛰어난 경험을 제공합니다. Metro 스타일 브라우저에서 더 많은 사이트가 "제대로 작동"한다면 사용자와 기업 모두에게 향상된 경험을 제공할 수 있습니다

실질적인 문제를 따져 보자면, 여러분이 갖고 다니는 기본 장치에서 자주 사용하는 사이트의 웹 콘텐츠를 재생할 수 있어야 합니다. 그렇지 못한 장치는 단지 PC의 대용품에 불과합니다. 인기 있는 일부 웹 사이트에서는 Adobe Flash가 필요하고 HTML5 외에는 지원하지 않기 때문에 Metro 스타일 IE를 위한 HTML5 전용 경험을 제공하지 않는 사이트 경험에 대한 고객의 피드백을 반영하여 제품을 변경했습니다. 예를 들어, iPad에서 pbskids.org를 사용해 보세요. Beeline 같은 일부 업무 솔루션은 Flash가 필요합니다. 이 사이트 같은 일부 재무 관리 사이트에서는 Flash가 필요합니다. 그리고 youtube.com 같은 일부 사이트에서는 여전히 Flash를 통해 최고의 경험을 제공하고 있습니다. 

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

Windows 8 Metro 스타일 웹 브라우저

IE10의 사용자 경험은 일상적으로 수행하는 복잡한 브라우징도 빠르고 유연하게 처리할 수 있도록 모든 Metro 스타일 디자인 패턴 중에서도 독보적으로 구현되었습니다. 우리는 Consumer Preview에 대한 여러분의 피드백을 듣고 여러 가지 편리한 기능, 즉 웹 페이지에서 이미지 저장, 빠른 탐색을 위한 “붙여넣고 바로 이동”, 통합 네트워크 진단 같은 기능을 추가했습니다.

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

 

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

 

   탭을 사용할 수 있으며 필요할 때만 표시됩니다.

IE10은 모바일 버전의 사이트뿐만 아니라 전체 웹에서도 빠르고 유연합니다. IE는 터치, 마우스 및 키보드에 대한 응답성이 뛰어나도록 디자인되었습니다. Metro 스타일 브라우저는 단순히 터치 장치에서의 브라우징이 아니라 '터치 브라우징'을 기반으로 합니다. 따라서 터치로 화면 이동과 확대/축소, 앞뒤로 살짝 밀어서 페이지 탐색, 두 번 탭하여 콘텐츠 확대/축소 등 손가락을 대고 끄는 과정에서 뛰어난 응답성을 느낄 수 있습니다. Release Preview는 터치 동작으로 링크를 따라 이동할 때 개선된 시각적 피드백을 제공하므로 터치에 코딩되어 있지 않은 사이트에서도 신뢰할 수 있습니다. 상황에 맞는 메뉴와 양식 컨트롤이 터치에 최적화되어 있으며, 브라우저가 장치 방향에 따라 유연하게 응답하여 가로 및 세로 화면 레이아웃에 맞게 매끄럽게 확대/축소될 뿐 아니라 Windows 8 응용 프로그램 "끌기"에도 유연하게 응답합니다. 또한 IE10에서는 키보드 바로 가기 지원, 앞뒤 탐색에 편리한 마우스 어포던스 등 마우스와 키보드로 웹을 검색하는 환경이 향상되었습니다. 이러한 기능이 Release Preview에서도 개선되었습니다. 예를 들어, 지금은 더 작아진 마우스를 화면 왼쪽 끝으로 이동한 다음 뒤로 단추를 누르면 됩니다.

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

탐색: 탐색 타일은 사이트의 아이콘 및 색상을 사용하여 최소한의 입력만으로 사이트를 즉시 찾고 탐색할 수 있도록 디자인되었습니다. Release Preview에서는 이러한 타일의 레이아웃을 개선하여 효율성과 속도를 높이고, 자주 방문하는 사이트의 시각적 인식 효과를 강화하고, 시작 화면과의 일관성을 더욱 높였습니다.

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

자주 사용하는 사이트의 처음 몇 글자만 입력하여 신속하게 액세스할 수 있으며 Release Preview에서는 자주 사용하는 사이트와 고정된 사이트를 신속하게 알아볼 수 있도록 배지가 표시됩니다. IE에는 자주 방문하는 사이트와 시작 화면에 고정된 사이트가 함께 표시됩니다. 주소 표시줄에 입력하기 시작하면 탐색 타일이 필터링되어 열어 본 페이지 목록, 즐겨찾기, 인기 있는 URL에서 사이트를 찾아 표시합니다.

Windows 8 로밍 및 연결된 계정을 사용하면 검색 기록과 즐겨찾기가 로밍되므로 사용자의 모든 PC에서 최근에 방문한 웹 페이지에 쉽게 액세스할 수 있습니다.

자주 방문하는 사이트의 처음 몇 글자만 입력하여 액세스할 수 있습니다.
자주 방문하는 사이트와 고정된 사이트를 신속하게 알아볼 수 있도록 배지가 표시됩니다.

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

붙여넣고 바로 이동 명령을 사용하여 빠르게 탐색할 수 있습니다.

더욱 향상된 터치 브라우징: Release Preview에서는 IE10의 Metro 스타일 경험을 통해 여러 페이지를 브라우징하고 관련 콘텐츠를 확인할 수 있습니다. 페이지 넘기기 기능은 터치 중심 장치에서 링크를 클릭하는 대신 화면을 자연스럽게 앞으로 밀어(또는 마우스의 앞으로 단추를 사용하여) 마치 잡지를 읽듯 사이트를 탐색할 수 있는 기능입니다. 여러 페이지로 구성된 New York Times 기사, Amazon이나 eBay의 제품 목록 또는 CNN.com의 최신 뉴스를 손가락으로 간단하게 넘기면서 읽는 모습을 상상해 보세요. 이젠 페이지에서 "다음" 링크를 찾기 위해 헤맬 필요가 없습니다.

"다음" 링크를 찾아 헤맬 필요 없이 화면을 살짝 밀어 다음 페이지로 이동할 수 있습니다.

터치를 사용하여 빠르고 자연스럽게 다음 페이지로 이동할 수 있습니다.

여러 페이지로 구성된 콘텐츠를 빠르고 자연스럽게 이동할 수 있습니다.

페이지 넘기기를 켜면 여러 페이지로 구성된 기사, 포스트 또는 스레드 내의 다음 페이지로 이동할 수 있습니다. 블로그 또는 뉴스 사이트 같은 연속 콘텐츠를 브라우징할 때 마지막 페이지에 도착하면 탐색을 계속할 수 있도록 페이지 넘기기에서 적절한 다음 기사, 포스트 또는 스레드를 추천합니다. 페이지 넘기기를 사용하려면 최종 사용자의 동의가 필요하며, 경험을 개선하기 위해 사용자의 브라우징 내역이 Microsoft로 전송됩니다.

Metro 스타일 경험의 다른 부분들은 대부분 그대로 유지되었습니다.

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

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

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

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

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

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

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

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

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

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

고정된 사이트의 고해상도 이미지, 사용자 지정 타일 색상 및 백그라운드 알림을 통해
자주 방문하는 사이트를 간단하게 알아보고 최신 소식을 한 눈에 파악할 수 있습니다.

스토어와 통합되어 IE에서 방문한 사이트에 적합한 Metro 스타일 앱을 손쉽게 검색하여 실행할 수 있게 되었습니다. 사용자가 IE를 더욱 편리하게 사용할 수 있도록 Release Preview에서도 계속해서 UI 개념을 줄여 나가고 있습니다. 도구 아이콘은 페이지에 대한 "특별한 내용"이 있으면 사용자에게 알리도록 업데이트되었습니다. 도구 아이콘을 클릭하면 스토어로 이동하여 앱을 설치할 수 있습니다. 앱을 설치한 후 사이트에서 바로 실행할 수 있습니다. 예를 들어 다음은 IE10에서 실행된 WordPress.com입니다.

업데이트된 도구 메뉴는 사이트에 사용 가능한 앱이 있으면 사용자에게 알려 줍니다.

그 밖에 다른 Metro 스타일 경험에서의 사이트 통합에는 다음이 포함됩니다.

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

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

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

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

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

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

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

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

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

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

IE10은 IE9의 SmartScreen, XSS 필터링, 응용 프로그램 신뢰도, InPrivate 브라우징, 추적 방지, 작동 중지 감지 및 복구 등을 기반으로 업계 최고의 보안, 개인 정보 보호 및 안정성 기능을 제공하며, 웹 사이트 콘텐츠를 각 탭에 효율적으로 분리하는 "향상된 보호 모드"를 통해 보안 및 개인 정보 보호 기능을 편리하게 사용할 수 있습니다. 그리고 Release Preview에서는 기본적으로 웹 사이트에 추적 선호 표현(DNT)을 보내는 간단한 설정이 추가되었습니다. .

Consumer Preview에서 변경된 기타 내용 요약

Windows 8 Release Preview의 IE10에서는 보다 완전한 기능을 갖춘 Metro 스타일 브라우징 경험을 제공합니다. 기본 HTML5 엔진의 변경 사항에 대한 자세한 내용은 IE 블로그에서 확인할 수 있습니다. 다음은 빠르고 유연한 브라우징을 위해 IE10에서 향상된 기능의 몇 가지 예입니다.

• 더욱 빨라지고 유연해진 터치: 실제 웹 사이트(고정된 요소, 하위 스크롤러, 애니메이션, 비디오 포함)에 대해 완벽한 독립적 구성
• 로우엔드급 하드웨어에서 깜박임이 훨씬 줄어들어서 더욱 부드러워진 UI 전환 및 애니메이션
• 인기 사이트의 미디어를 재생하고 게임을 할 수 있도록 Metro 스타일 IE에서 Flash 지원
• 두 번 터치하여 전체 화면으로 확대하는 기능을 포함한 전체 화면 HTML5 비디오 지원
• “빛이 사라지고” 자주 방문하는 사이트와 고정된 사이트를 별도로 표시하여 사이트를 빠르게 선택할 수 있도록 개선된 레이아웃
• 통합된 탐색 표시줄 컨트롤이 있는 개선된 브라우저 명령 모음 레이아웃 및 즐겨찾기 아이콘
• 고해상도 화면에서 기본 웹 페이지 확대/축소 수준 조정
• “이미지 저장”을 위한 상황에 맞는 메뉴
• “붙여넣고 바로 이동”을 위한 상황에 맞는 메뉴
• 터치를 통해 링크 연결될 때 향상된 시각적 정보 제공
• 시작 화면에 고정된 사이트에서 고해상도 이미지 지원
• Metro 스타일 IE의 통합 네트워크 문제 해결 도구
• Metro 스타일 자동 완성 드롭다운
• 다음 페이지 탐색을 위한 페이지 넘기기(사용자 선택 사항)
• 기본적으로 추적 선호 표현(DNT) 설정 사용

모든 장점을 아우르는 Metro 스타일 브라우징

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

- Rob