IEBlog 한국어

Windows Internet Explorer 엔지니어링 팀 블로그

  • IEBlog 한국어

    서브 픽셀 렌더링 및 CSS 개체 모델

    • 0 Comments
    Windows 8에서 웹 브라우징이 가능한 장치는 넓은 화면의 데스크톱에서 아담한 사이즈의 태블릿 PC에 이르기까지 다양하므로 선택의 폭이 그 어느 때보다 넓습니다. 브라우저가 이처럼 다양한 장치에서 구동하려면 다양한 화면 크기와 차원에 적합한 웹의 크기와 레이아웃을 지원해야 합니다. 이전 글에서 이러한 시나리오를 지원하는 IE의 일부 몇 가지 기능 을 살펴본 바 있습니다. 텍스트와 레이아웃의 서브 픽셀 위치 지정 기술은 어떠한 화면 크기에서도 웹 페이지의 일관성과 멋진 스타일을 구현해 주는 핵심 플랫폼 기술 중 하나입니다. 이 글에서는 CSS-OM을 통해 서브 픽셀 위치 지정 기술을 더욱 강력하게 지원하는 IE10의 변화된 모습을 설명하겠습니다. 웹 개발자는 다양한 플랫폼 기술을 통해 멋진 레이아웃을 만들 수 있습니다. 일반적으로 개발자는 CSS 스타일 시트 를 사용하여 웹 사이트 레이아웃을 구성합니다. 시나리오에 따라 웹 개발자는 pixel-perfect (픽셀 완전)...
  • IEBlog 한국어

    Windows Update를 통한 IE 9.0.5 지원

    • 0 Comments
    2012년 2월 Internet Explorer 누적 보안 업데이트 가 이제 Windows Update 를 통해 제공됩니다. 이 보안 업데이트는 Internet Explorer에서 비공개적으로 보고된 취약점 5건을 해결합니다. 가장 심각한 취약점으로는, 사용자가 Internet Explorer를 사용하여 특수 조작된 웹 페이지에 들어갈 경우 원격 코드가 실행될 수도 있습니다. 이러한 취약점 중 하나를 악용해 침투한 해커는 로컬 사용자와 동일한 사용자 권한을 얻게 됩니다.   물론, 시스템에 대한 사용자 권한이 비교적 작게 구성된 계정의 사용자는 관리자 권한으로 작업하는 사용자에 비해 영향을 덜 받을 수 있습니다.  이 보안 업데이트의 심각도는 Windows 클라이언트의 Internet Explorer에 대해서는 '긴급' 수준이며(단, IE6 클라이언트의 경우 '보통'), Windows 서버의 Internet Explorer에 대해서는 '보통' 수준입니다(단, IE6의 경우 등급...
  • IEBlog 한국어

    IE10의 XHR을 위한 CORS

    • 0 Comments
    IE10의 4세대 플랫폼 은 XHR(XMLHttpRequest) 에 대해 CORS(Cross-Origin Resource Sharing) 를 지원하므로 전체 브라우저에서 일관되게 작동하는 Cross-Site 시나리오 개발 작업이 간편합니다. XHR에 CORS를 사용하면 사이트 간의 데이터 공유를 쉽고 유연하게 할 수 있습니다. 대부분의 기본 시나리오에서 CORS는 모든 사이트에서 액세스할 수 있는 데이터 소스 생성을 가능하게 하며, 약간의 수정으로 허용되는 사이트를 제한하거나, 데이터 수정을 지원하고 심지어 인증을 허용하도록 선택할 수 있습니다. 가장 중요한 점은 CORS가 서버 참여를 요청함으로써 기존 사이트를 안전하게 유지한다는 것입니다. 단순한 Cross-Origin XHR 그럼 Cross-Origin XHR 요청이 동일 근원(Origin) 요청과 어떻게 다른지 살펴보겠습니다. 스크립트에서 유일한 차이점은 Open 메서드로 전달된 URL입니다. 예를 들어 사진 앨범 목록을...
  • IEBlog 한국어

    Metro 스타일 앱의 고성능 HTML5 콘텐츠

    • 0 Comments
    Windows 8의 Metro 스타일 앱은 웹 콘텐츠를 표시할 때 IE10이 가지는 성능상의 이점을 모두 보여줍니다. Metro 스타일 앱에서 웹 콘텐츠는 항상 JIT 컴파일되며 하드웨어 가속이 지원됩니다. 다른 플랫폼은 앱에서 동일한 수준의 성능을 제공하지 않습니다. 예를 들어, UIWebView 컨트롤을 통해 실행되는 iOS의 Cocoa 앱은 Safari에서 실행되는 동일한 콘텐츠보다 JavaScript 성능이 눈에 띄게 떨어집니다. 이러한 Cocoa 앱은 JIT 컴파일을 사용하지 않으며, 따라서 시스템 브라우저에서처럼 웹 콘텐츠를 표시하거나 사용할 수 없습니다(아래 참조). 테스트 구성: http://www.webkit.org/perf/sunspider/sunspider.html iPad: 1세대, iOS 5.0.1 Windows 8: 개발자 프리뷰, Dell Optiplex 745, 64비트 OS Kindle Fire v1 왜 이러한 사실이 중요한가? 많은 응용...
  • IEBlog 한국어

    IE10 Compat Inspector

    • 0 Comments
    이제 Compat Inspector 를 IE10에서 사용할 수 있습니다. Compat Inspector를 사용하면 Internet Explorer 플랫폼 변경이 내 사이트에 영향을 미치는지를 빠르게 파악할 수 있습니다. IE10 사용을 준비하고 있든 IE9을 그대로 업데이트 중이든, 문제가 있는 페이지에서 Compat Inspector를 실행하면 됩니다. 그러면 예상되는 문제점을 설명하는 메시지와 이를 해결하기 위한 조치 단계를 볼 수 있습니다. Compat Inspector 정보 Compat Inspector는 JavaScript 기반의 테스트 도구로, 실행 중인 사이트를 분석합니다. Compat Inspector는 최근 모드에서 문제를 일으키는 상호 작용의 패턴을 보고합니다. 따라서 여러 문서를 기억하거나 사이트 코드 전체를 검색하지 않고도 문제를 빠르게 파악할 수 있습니다. Compat Inspector는 IE9 과정에서 여러 사이트에 걸쳐 발생하는 공통적인 문제를...
  • IEBlog 한국어

    IE10의 CSS3 3D 변환 기능

    • 0 Comments
    CSS3 기능으로 풍부하고 몰입감이 뛰어난 웹 경험을 손쉽게 구현할 수 있습니다. 최근 글 에서 웹 개발자들이 CSS3 전환 기능과 애니메이션을 사용하여 개성 넘치는 사이트를 만드는 방법을 설명드린 바 있습니다. CSS3 3D 변환 기능은 개발자들이 더욱 매력적인 사이트를 만들 수 있도록 말 그대로 새로운 차원의 날개를 달아드립니다. 예를 들어 Windows 8 Metro 스타일의 시작 화면은 눌린 타일을 강조하기 위해 아래와 같이 미묘한 3D 변환 기능을 사용합니다. Internet Explorer 10에서 표시되는 눌리지 않은 타일(왼쪽)과 눌린 타일(오른쪽) CSS 변환을 통한 3차원 구현 CSS3 2D 변환과 같이 3D 변환도 HTML 요소에 기하학적인 변환 작업을 적용하는 CSS transform 및 transform-origin 속성에 대한 기능과 값을 제공합니다. CSS 3D 변환 기능은 변환 함수를 확장하여 3D 변환을 가능하게 합니다. rotate()...
  • IEBlog 한국어

    웹 사이트와 플러그인 없는 웹

    • 0 Comments
    플러그인에서 해방된 웹 세상이 우리의 눈 앞에 펼쳐지고 있습니다. 이제 플러그인 기반의 사이트들에서도 플러그인을 지원하지 않는 사이트에서의 고객 경험을 이해할 필요가 있습니다. 오늘날 수많은 웹 브라우징이 플러그인을 지원하지 않는 장치를 통해 이루어집니다. 플러그인을 지원하는 브라우저조차도 플러그인 없이 실행할 수 있는 다양한 방법을 제공합니다. Metro 스타일 IE는 플러그인 없이 실행되므로 배터리 수명이 연장될 뿐 아니라, 고객의 보안과 신뢰성, 개인 정보 보호 수준을 한 차원 더 높여 줍니다. 앞서 저희는 다른 브라우저에서 플러그인 없는 웹 경험을 제공하는 사이트가 IE10 사용자에게도 동일한 경험을 제공할 수 있게 하는 IE의 호환성 보기 목록 사용법에 대해 말씀드렸습니다. 이 글에서는 플러그인을 계속해서 사용하는 사이트에서 Metro 스타일 IE의 사용자에게 최상의 경험을 제공할 수 있는 방법을 설명합니다. 플러그인이 필요한 사이트를 운영하는 개발자들은 HTTP...
  • IEBlog 한국어

    BlobBuilder로 파일을 만들어 보세요

    • 0 Comments
    웹 사이트가 웹 응용 프로그램으로 빠르게 전환됨에 따라, 보다 의미 있는 방법으로 파일 작업을 하는 것이 더욱 중요해지고 있습니다. 플랫폼 프리뷰 2부터 File API 를 지원하기 시작한 IE10을 통해 개발자는 클라이언트상에서 파일을 읽고 조각낼 수 있습니다. 플랫폼 프리뷰 4의 경우에는 개발자가 파일을 새로 만들 수 있는 BlobBuilder 지원 기능도 포함되었습니다. 또한, IE10은 사용자가 자신의 컴퓨터에 Blob을 저장하는 새로운 두 가지 방법을 제공합니다. 따라서, 클라이언트 상주 데이터로 작업할 때 최상의 사용자 경험을 가능하게 합니다. IE 테스트 드라이브 중에서도 피아노 데모 는 색다른 재미를 선사하는 데모로, BlobBuilder 및 File API 기능을 자랑합니다. 피아노 건반을 누르면 사이트에서 MP3 음악 파일과 SVG 악보 파일 등 2개의 파일을 만듭니다. 건반을 누를 때마다 두 파일의 크기가 어떻게 달라지는지 볼 수 있습니다. 재생 단추를 누르면...
  • IEBlog 한국어

    개인 정보 보호와 관련한 금주의 행사

    • 0 Comments
    편집자 참고사항: 이 글은 2012년 1월 24일 화요일에 게시됨 지난 10년간 Microsoft는 사용자 개인 정보 보호에 많은 투자를 했습니다. 보안 문제 못지않게 개인 정보 보호에 대한 고려가 모든 Microsoft 제품에 반영되어 있습니다. 웹의 장기적인 성장을 보장하기 위해 공개 표준을 개발하는 국제 커뮤니티인 World Wide Web Consortium(W3C) 이 소비자의 개인 정보 보호를 돕기 위해 Microsoft의 회원 등록제 를 인터넷 표준으로 수락 및 발표 한 지도 거의 1년이 되어갑니다. 지난 9월 저는 W3C가 어떻게 업계 전반에 걸친 다방면의 주요 관계자들을 한자리에 모아 “Do Not Track” 기술의 표준 제작을 위한 추적 보호 작업 그룹(Tracking Protection Working Group) 설립을 발표 했는지 설명 드린 바 있는데, 이 작업 그룹은 설립 이후로 작업에 박차를 가하고 있습니다. 이번 주에는 다음과 같이 온라인 개인...
  • IEBlog 한국어

    IndexedDB 응용 프로그램 디버깅

    • 0 Comments
    IndexedDB 는 JavaScript 개발자들이 인터넷을 연결하지 않은 상태 에서도 사용자의 로컬 클라이언트에서 데이터를 저장, 검색 및 처리할 수 있는 W3C 작업 초안 입니다. 이 블로그 포스트에서는 IndexedDB 응용 프로그램을 디버그하기 위해 내부적으로 사용하는 도구인 IDBExplorer를 설명합니다. IDBExplorer로 데이터베이스 스키마, 개체 저장소 내용, 인덱스 정보를 볼 수 있습니다. 예시 IndexedDB 앱을 통해 도구 살펴보기 설명을 위해 IndexedDB로 제 신년 계획 을 추적하는 응용 프로그램을 만들어 보았습니다. 이 프로그램은 로컬(웹 페이지를 탐색하는 시스템)에서 계획을 저장 및 액세스하고 추가 또는 편집할 수 있도록 합니다. "Done That(목표 달성)!" 버튼은 선택한 계획을 목록에서 제거하며 데이터베이스에서 관련한 내부 정보도 함께 제거합니다. IndexedDB는 데이터베이스를 정보 컨테이너로 정의합니다. 각 데이터베이스에는...
  • IEBlog 한국어

    심층 해부: 눈이 내려요...

    • 0 Comments
    오늘 시애틀에서 보기 드물게 눈보라가 내리는 정경을 보고 문득 2011년 연하장 테스트 드라이브 데모인 '눈이 내려요'를 설명하는 글을 올리면 좋겠다는 생각이 들었습니다. - 편집자 브라우저가 기본 하드웨어를 효과적으로만 사용한다면 가능성에는 한계가 없습니다. 연말 연휴 기간에 Internet Explorer 10에서 하드웨어 가속 기능을 완벽하게 이용하는 터치 방식 브라우징의 장점이 잘 드러난 데모가 제공 되었습니다. 이번 글에서는 이 눈이 내려요 데모를 만든 방법을 자세히 소개합니다. 이 데모 패턴에는 현재 웹 전반에서 부상하고 있는 HTML5와 초기 Metro 스타일 앱 이 잘 반영되어 있습니다. 오능 우리는 시각적 측면보다는 기능적 관점에서 논의하겠습니다. 저전력 휴대 장치와 터치 방식의 사용자 경험이 주류로 떠오르면서 브라우저 성능에 대한 고객의 기대 또한 빠르게 높아지고 있습니다. 현재 브라우저 성능이라고 하면 손가락으로 웹 사이트가 얼마나 부드럽게 움직이는가,...
  • IEBlog 한국어

    새해에도 안전하게 웹을 사용하세요!

    • 0 Comments
    악의적인 사람들은 연휴 기간 동안에도 결코 쉬는 법이 없습니다. Internet Explorer의 SmartScreen 서비스는 12월 중순부터 새해까지 하루 평균 거의 200만 건의 맬웨어 다운로드를 차단했습니다. 12월 25일에는 맬웨어 차단율이 30%나 급증하여 본인의 의사와 관계없이 자신의 PC에 전혀 반갑지 않은 '선물'을 주는 것을 막아주었습니다. 1월은 웹 안전을 다시 한 번 점검하기에 좋은 시기입니다. Microsoft는 1년 365일, 24시간 여러분을 돕고 있습니다. 자동 업데이트 및 Internet Explorer의 SmartScreen 필터를 선택하는 등 간단한 몇 가지 모범적 사례 를 따른다면 웹상의 공격으로부터 컴퓨터를 지속적으로 보호할 수 있습니다. Windows XP와 비교하여 Windows 7이 맬웨어에 감염될 확률이 5배나 낮다 는 사실은 PC를 새로 구입한 사용자가 아주 반길 만한 소식입니다. 보안 성능을 강화하기 위해 Windows 7 및...
  • IEBlog 한국어

    CSS user-select 기반의 선택 제어

    • 0 Comments
    IE10 플랫폼 프리뷰 4는 새로운 CSS 속성인 -ms-user-select 를 지원합니다. 이에 따라, 웹 개발자는 웹 사이트에서 선택 가능한 텍스트를 보다 정확하고 간편하게 제어할 수 있게 되었습니다. 여러분께서 제가 일하는 모습을 살짝 엿본다면 컴퓨터 화면의 글을 읽으며 텍스트를 선택하는 모습을 보게 될 것입니다. 이렇게 글을 읽는 사람은 비단 저 뿐만이 아닙니다. 인터넷 페이지에서 텍스트를 선택하는 것이 다른 여러 상황에서도 중요하기 때문이죠. 일반적인 뉴스 웹 사이트를 예로 들어보겠습니다. 대부분의 페이지에는 뉴스 기사가 포함되어 있고 사용자는 텍스트를 선택하여 읽거나 내용을 공유하기 원하기 때문에 기사 내용을 선택할 수 있어야 합니다. 또한, 뉴스 웹 페이지에는 몇 가지 메뉴와 함께 사이트의 다른 부분으로 이동하기 위한 링크도 있습니다. 하지만, 사용자는 이러한 항목을 잘 선택하지 않습니다. 이러한 사용자의 경향에 맞게 웹 개발자는 -ms-user-select 를 사용하여...
  • IEBlog 한국어

    CSS Corner: 전체 글꼴 사용

    • 0 Comments
    여러 브라우저에서 CSS3 @font-face 규칙 및 WOFF 글꼴 패키징 형식 을 지원함에 따라 최신 웹 활자는 웹 페이지용 글꼴 사용 의 차원을 넘어 그 범위가 확장되어 왔습니다. New Yorker 와 같은 유명 잡지는 웹 글꼴을 사용하여 기존 헤드라인의 특성을 유지하려고 하는 반면, 미국 오바마 대통령의 재선 캠프에서는 웹 글꼴 서비스인 Typekit 를 사용하여 좀 더 돋보이는 특별한 글꼴로 이미지를 각인시키고 있습니다. 많은 웹 디자이너들이 단 하나의 제약 때문에 전체 글꼴을 사용하지 못하고 있는데 바로 많은 글꼴에 포함되어 있는 매우 다양한 OpenType ® 특성에 접근할 수 없다는 이유입니다. 이 OpenType 특성에는 커닝, 위 첨자 및 아래 첨자, 합자 등의 상황적 활자 디자인, 숫자 스타일, 동아시아 대체 문자 모양 및 활자 장식에 대한 접근 등의 기본적 활자 특성을 지원하기 위한 대체 문자 모양과 위치 지정 옵션을 정의합니다. 예를 들어,...
  • IEBlog 한국어

    눈이 내려요... 점점 더 빨리!

    • 0 Comments
    연말 분위기에 걸맞게 PC 하드웨어와 Windows 8의 새로운 터치 기능을 최대한 활용하여 구현한 HTML5 경험을 보여 드리겠습니다. 눈이 내려요 링크를 눌러 GPU로 움직이는 눈보라를 감상해 보세요. 이 기능은 하드웨어 가속 기술을 지원하는 HTML5 캔버스, SVG, CSS 등을 통해 구현되었습니다. Windows 개발자 프리뷰 빌드에서는 IE10의 멀티 터치 기능을 통해 표지판에 쌓인 눈을 손이나 마우스로 쓸어내 인사 메시지를 확인할 수 있습니다. 브라우저 지원에 따라 눈송이를 1,000개까지 날려볼 수도 있습니다. 눈보라가 아니라 그냥 눈이 오는 정도로만 보인다면 브라우저 자체에서 하드웨어 가속 기능을 지원하는 IE9 또는 IE10으로 메시지를 열어보세요. 눈이 내리게 하려면 이미지를 클릭하세요. 저희는 올해 초에 IE10 을 처음 선보이면서, 좀더 멋진 대화형 웹 경험을 구현할 수 있게 해 달라는 개발자들의 요청에 따라 실제 사이트에서 사용 가능한 HTML5...
  • IEBlog 한국어

    IE10의 표준 기반 웹 그래픽으로 전환

    • 0 Comments
    사용자들은 브라우저에 관계없이 인터넷의 모든 사이트를 방문하여 우수한 환경을 경험하기를 기대합니다. IE9의 첫 플랫폼 프리뷰 출시를 발표하면서 2010년 3월 16일 게시된 글 을 통해 Internet Explorer 개발 과정에서 브라우저에 관계 없이 일관된 '동일 마크업, 동일 결과'라는 목포를 추구하고 있음을 알려드린 바 있습니다. IE9에서 이러한 목표 달성에 큰 진전이 있었으며 IE10의 HTML5 기반 표준과 쿼크 모드는 이러한 노력을 완성시킵니다. IE10에서 HTML5 구문 분석 이란 제목의 글에는 IE10의 HTML5 기반 표준과 쿼크 모드에서 제외된 기존 기능들이 정리되어 있습니다. 본 글 은 VML(벡터 표시 언어) 및 DirectX 기반 필터 및 전환의 두 가지 기존 기능을 추가로 제외시키는 내용을 다룹니다. 이 두 기능은 IE9 이후 MSDN 문서에서 사용되지 않는 것으로 나타났기 때문에(예를 들어, 필터 및 전환 의 첫 문장에 '이 주제에서는 Windows...
  • IEBlog 한국어

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

    • 0 Comments
    Windows 개발자 프리뷰 에서 사용할 수 있는 업데이트된 IE10 플랫폼 프리뷰를 지금 다운로드 할 수 있습니다. 이 IE10 프리뷰는 더욱 우수하고 풍부한 기능을 가진 웹 응용 프로그램을 개발할 수 있도록 HTML5 기술의 지원 수준을 한층 높여 줍니다. SVG, CSS3 Transform 및 Animation과 같은 기술의 IE10 하드웨어 가속은 다음의 짤막한 동영상에서 알 수 있듯이 다른 브라우저보다 빠른 렌더링을 제공합니다. IE10의 새로운 HTML5 기능과 성능 강화의 주요 내용을 소개합니다. 이 4번째 플랫폼 프리뷰를 통해 개발자는 사이트에 더욱 최적화된 HTML5 기술을 경험할 수 있습니다. IE10 개발자 가이드 에서 전체 목록을 확인할 수 있습니다. 여기서는 그 주요 내용을 소개합니다. 전체 도메인에서 XMLHttpRequest를 안전하게 사용하기 위한 CORS(Cross-Origin Resource Sharing) File API Writer가...
  • IEBlog 한국어

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

    • 0 Comments
    Windows 개발자 프리뷰 에 포함된 새로운 IE10 엔진을 통해 개발자는 HTML5 기술을 더욱 풍부하게 활용하여 터치 중심적이고 미적으로 세련된 대화식 웹 응용 프로그램을 구축할 수 있습니다. 이 동영상에서는 Windows 개발자 프리뷰에 포함된 3번째 IE10 플랫폼 프리뷰의 터치 중심적인 HTML5 기술을 보여줍니다. Windows 8에는 새로운 메트로 스타일 브라우저와 데스크톱의 IE10 등 두 가지 브라우징 경험을 지원하는 하나의 HTML5 브라우징 엔진이 포함되어 있습니다. 이 공통 HTML5 엔진은 브라우저 경험과 메트로 스타일 응용 프로그램 모두를 대상으로 웹 표준을 비롯하여 일관되게 빠르고 안전하며 강력한 웹 프로그래밍 모델을 강력하게 지원합니다. Windows 8 구축 블로그 에서 새로운 메트로 스타일 브라우징 경험에 대해 자세히 알아볼 수 있습니다. 이번 업데이트에서 IE10에는 다음과 같은 다양하고 새로운 기술을 사용하도록 터치 중심적 사이트에...
Page 6 of 6 (143 items) «23456