[td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱...

125

Upload: sang-don-kim

Post on 14-Apr-2017

611 views

Category:

Software


4 download

TRANSCRIPT

Page 1: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)
Page 2: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)
Page 3: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)
Page 4: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)
Page 5: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)
Page 6: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)
Page 7: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)

•Universal apps enable building applications on the converged Windows 8.1 and Windows Phone 8.1 platforms

•Supported for C#, C++ and JavaScript

•Create universal apps using project templates, migrating Windows 8.1 / Windows Phone 8.1 apps

Universal apps

Page 8: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)

DEMO

2:05

Universal App

Page 9: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)

•Allow sharing source between converged apps

•Don’t have any binary output

•Supports all item types • Code files .cs, .js, .cpp, .h

• XAML

• Images .png, .jpg…

• RESW

• XML etc…

Shared projects

Page 10: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)

C#: WINDOWS_APP and WINDOWS_PHONE_APP

#if WINDOWS_PHONE_APP

Windows.Phone.UI.Input.HardwareButtons.BackPressed += this.HardwareButtons_BackPressed;

#endif

C++: WINAPI_FAMILY_PC_APP and WINAPI_FAMILY_PHONE_APP

#if WINAPI_FAMILY==WINAPI_FAMILY_PHONE_APP

_backPressedEventToken = HardwareButtons::BackPressed +=

ref new EventHandler<BackPressedEventArgs^>(this,

&NavigationHelper::HardwareButton_BackPressed);

#endif

Use conditional constants

Page 11: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)

• Intellisense warnings for platform specific APIs

•Switch project context using navbar

Code editing experience

Page 12: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)

•Quick and easy way to change startup projects using debug target dropdown

•Supported for all Store platforms

• Enabled if you have more than one application project in the solution

Switching startup projects

Page 13: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)

Case Study

Page 14: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)

Case Study

http://goo.gl/q63jY3

Page 15: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)

Case Study

크로스 플랫폼 기업 관리자의 필요 프로젝트 관리자의 필요 개발자의 필요

Page 16: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)

Case Study

C#으로 대동 단결?

iOS, Android, Windows Phone Linq, NuGet

Page 17: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)

Cross Platform Create native iOS, Android, Mac and Windows apps in Visual Studio and C# All in one development tool Cloud, Web, Embedded, IoT, BigData, Machine Learing …

Page 18: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)

Case Study

크로스 플랫폼 기업 관리자의 필요 프로젝트 관리자의 필요 개발자의 필요

Page 19: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)

Case Study

네이티브 앱 개발

Page 20: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)

The Silo Approach

Build App

Multiple Times

Page 21: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)

The Write-Once-Run-Anywhere Approach

Lowest Common

Denominator

Page 22: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)

Xamarin’s Unique Approach

Native With

Code Sharing

Page 23: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)

Windows APIs

Page 24: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)

iOS APIs | 100% Coverage

Page 25: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)

Android APIs | 100% Coverage

Page 26: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)

The Anatomy of a Native App

Native User Interfaces Native API Access Native Performance

Page 27: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)

Xamarin.iOS does full Ahead Of Time

(AOT) compilation to produce an AR

M binary for Apple’s App Store.

Native Performance

Xamarin.Android takes advantage

of Just In Time (JIT) compilation on

the Android device.

Page 28: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)

Case Study

플랫폼 간 코드 공유

비즈니스 로직: PCL 리소스: SharedProject UI: Xamrin.Forms Cloud: Windows Azure for Mobile Cloud Backend 개발툴: Visual Studio 2013 and Xamarin Studio

Page 29: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)

Case Study

개발환경

- Mac - Mac OS Mountain Lion 이상 - Xcode (iOS SDK)

- Windows

- Windows 7 or Higher - Visual Studio 2010 Professional or Higher

(Express Edition is not support)

Page 30: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)

iOS - AOT Compiler 가 네이티브 앱 생성 - Object C 코드 호출 가능 - iOS API 100% 지원 - iOS 5 이후 같은 날 업데이트

Android - JIT Compiler가 네이트브 앱 생성 - Android 코드 호출 가능 - Android API 100% 지원 - ICS 이후 같은 날 업데이트

맥은 반드시 필요~!!

Page 31: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)
Page 32: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)
Page 33: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)
Page 34: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)
Page 35: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)

Case Study

PCL(Portable Class Library) Multi-Platform을 목표로 만들어진 클래스 라이브러리. Binary Level에서 공유할 수 있는 어셈블리를 만들어내는 클래스 라이브러리

Page 36: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)
Page 37: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)
Page 38: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)
Page 39: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)
Page 40: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)
Page 41: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)

Case Study

SharedProject Image, Code, Media, Resource 등을 공유하는 프로젝트

Page 42: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)
Page 43: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)
Page 44: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)
Page 45: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)
Page 46: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)
Page 47: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)
Page 48: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)

DEMO

2:05

Xamarin

Page 49: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)

Portable Class Libraries

Page 50: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)

Xamarin + Xamarin.Forms With Xamarin.Forms:

more code-sharing, native controls Traditional Xamarin approach

Shared UI Code

Page 51: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)

Xamarin + Xamarin.Forms

Shared UI Code

Quickly and easily build native user interfaces using shared code Xamarin.Forms elements map to native controls and behaviors Mix-and-match Xamarin.Forms with native APIs

Page 52: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)

What’s Included

40+ Pages, Layouts, and Controls Build from code behind or XAML

Two-way Data Binding Navigation

Animation API

Dependency Service

Messaging Center

Page 53: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)

Pages

Content MasterDetail Navigation Tabbed Carousel

Page 54: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)

Layouts

Stack Absolute Relative Grid ContentView ScrollView Frame

Page 55: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)

Case Study

Navigation

Page 56: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)
Page 57: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)

Case Study

다국어 지원

Page 58: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)
Page 59: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)

Case Study

IplatformDependent

Page 60: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)
Page 61: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)
Page 62: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)
Page 63: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)
Page 64: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)
Page 65: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)
Page 66: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)
Page 67: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)
Page 68: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)

Case Study

Controls

Page 69: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)

Controls

ActivityIndicator BoxView Button DatePicker Editor

Entry Image Label ListView Map

OpenGLView Picker ProgressBar SearchBar Slider

Stepper TableView TimePicker WebView EntryCell

ImageCell SwitchCell TextCell ViewCell

Page 70: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)

Login Page – XAML

Page 71: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)
Page 72: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)

33,000,000,000,000 페이지

44,000,000,000 사이트

7,000 API

Page 73: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)
Page 74: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)
Page 75: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)

• 문서모드

• CV-List

• X-UA-Compatible

• 표준 준수

Page 76: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)

Internet Explorer 11

IE5 IE7 IE8

IE9 IE10 QME IE11

EMIE

Page 77: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)
Page 78: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)
Page 79: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)
Page 80: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)
Page 81: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)

DEMO

2:05

Edge

Page 82: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)

상호 운용성 벤다이어그램 모

바일

Page 83: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)

Binary behaviors

Pluggable protocols

Shell Helper API

Active Documents

Custom Download Managers

Custom Security Managers

MIME filters

Custom Print and Print Preview Handlers

Explorer Bars

Edit Designers

Timers

Accelerators

Webslices

ActiveX

Browser Helper Objects(BHO)

Documents Modes

Vector Markup Language(VML)

VBScript

attachEvent/removeEvent

currentStyle

Coditional Comments

IE8 layout quirks

DirectX Filters and Transition

Page 84: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)
Page 85: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)

6백만명 이상의 인사이더 프로그램 참가자

Page 86: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)

33조개의 웹페이지

440억개의 사이트

7천개의 API

bing Web Crawler

Instrumentation

Project Spartan

Page 87: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)

0

20

40

60

80

100

120

140

160

Internet Explorer 11 Microsoft Edge Chrome Canary 43.0.2369.0 Firefox Alpha 40.0a1(04-14)

Apple JetStream Benchmark (higher is better)

1.5x

Page 88: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)

0

5000

10000

15000

20000

25000

Internet Explorer 11 Microsoft Edge Chrome Canary 43.0.2369.0 Firefox Alpha 40.0a1(04-14)

Google Octane 2.0 Benchmark (higher is better)

2.0x

Page 89: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)

Microsoft Edge: EdgeHTML.dll

상호 운용성

기본 브라우저

모던 HTML 웹사이트

웹 노트, 리딩 뷰, 코타나 등

고유의 사용자 기능 탑재

호환성

Legacy 지원

IE9 IE8 IE7 IE 5.5

인트라넷 혹은 엔터프라이즈 모드

사이트 우선

Internet Explorer: MSHTML.dll

Page 90: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)
Page 91: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)
Page 92: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)

Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko)

Chrome/39.0.2171.71 Safari/537.36 Edge/12.0

Mozilla/5.0 (Macintosh; Intel Mac OS X 10_10_1) AppleWebKit/600.1.25 (KHTML, like Gecko)

Version/8.0 Safari/600.1.25

Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko)

Chrome/40.0.2214.93 Safari/537.36

Mozilla/5.0 (Windows NT 10.0; WOW64; rv:35.0) Gecko/20100101 Firefox/35.0

Page 93: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)

Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko)

Chrome/39.0.2171.71 Safari/537.36 Edge/12.0

Mozilla/5.0 (Macintosh; Intel Mac OS X 10_10_1) AppleWebKit/600.1.25 (KHTML, like Gecko)

Version/8.0 Safari/600.1.25

Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko)

Chrome/40.0.2214.93 Safari/537.36

Mozilla/5.0 (Windows NT 10.0; WOW64; rv:35.0) Gecko/20100101 Firefox/35.0

거의 동일

Page 94: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)
Page 95: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)

http://modernizr.com/

Page 96: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)
Page 97: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)

http://dev.modern.ie/platform/status/

Page 98: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)

기존 기술 대응 표준 기술

ActiveX HTML5 기반 기술

*PDF 뷰어/플래쉬는 지원

*IE11 Enterprise Mode

Browser Helper Object(BHO) HTML/JavaScript 기반 확장기술(예정)

Document Modes 단일의 문서 모드만 지원

Vector Markup Language(VML) Scalable Vector Graphic(SVG)

VBScript JavaScript

attachEvent/removeEvent addEventListener

removeEventListener

currentStyle getComputedStyle

Conditional Comments Feature detection 활용

IE8 Layout quirks 표준 기반 레이아웃으로 변경

DirextX Filters & Transitions CSS3, SVG

Page 99: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)

IE 확장 기술 상호 운용이 불가능한 IE 고유 API

-ms prefix API

Page 100: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)
Page 101: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)
Page 102: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)

https://github.com/MicrosoftEdge/static-code-scan

Page 103: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)

2009 2010 2011 2012 2013 2014 2015

Windows 7

Internet Explorer 8

Internet Explorer 9

Internet Explorer 10

Internet Explorer 11

Windows 8 Internet Explorer 10

Windows 8.1 Internet Explorer 11

Page 104: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)

2009 2010 2011 2012 2013 2014 2015 2016 2017 2018 2019 2020

Windows 7

Internet Explorer 8

Internet Explorer 9

Internet Explorer 10

Internet Explorer 11

Windows 8 Internet Explorer 10

Windows 8.1 Internet Explorer 11

2016년 1월 12일부터

가장 최신 버전의 IE만

지원 대상에 포함 (D-145)

* Windows Vista는 IE9 지원

*지원 정책 변경에 대한 최초의 보도 자료는 2014-08-08

Page 105: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)

보안/비보안 업데이트

무료/유료 기술 지원

온라인 기술 콘텐츠 업데이트

Page 106: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)

강화된 호환성 모드

엔터프라이즈 모드 제공

Page 107: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)

2009 2010 2011 2012 2013 2014 2015 2016 2017 2018 2019 2020

Windows 7

Internet Explorer 8

Internet Explorer 9

Internet Explorer 10

Internet Explorer 11

Windows 10

Internet Explorer 11

Microsoft Edge

Page 108: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)

<브라우저 별 Malware 평균 차단율>

[Source: NSS Labs, Mar 31, 2014)]

NSS Labs의 보고서에 따르면,

사회공학적 악성 코드에 대한

IE11의 차단율은 99.9%로 타사

브라우저보다 월등히 높은 것으로 조사됨

공식적인 연구 보고서를 통해 IE11의 향상된 보안성이 입증 되었음

Page 109: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)

26배 빠른 성능

자바스크립트 성능 향상

Page 110: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)

Hosted Web Apps

Page 111: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)

Bootstrap

Page 112: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)

App Store (iOS, Android, Windows…)

Native app container

WebView

Web Site

custom bridge Native Code

Page 113: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)

App Store

Native app container

WebView

Web Site

Native Code Windows APIs

Page 114: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)

Native APIs

Native APIs

if (typeof Windows != ‘undefined’) {

// Create an appointment with Windows

.ApplicationModel.Appointments.Appointm

ent();

}

Page 115: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)

Manifest for Web Apps

{ "name": "Super Web App", "short_name": "SuperWA", "start_url": "http://www.example.com", "icons": [ { "src": "tiny.png", "sizes": "70x70" }, { "src": "square.png", "sizes": "150x150" }, { "src": "apple-touch-icon-72x72-precomposed.png", "sizes": "72x72" }, { "src": "niceicon.png", "sizes": "128x128" } ], "display": "standalone", "orientation": "landscape" }

http://w3c.github.io/manifest/

Page 116: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)
Page 117: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)
Page 118: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)

Windows Desktop

IoT HoloLens

Surface Hub

Windows Phone

XBox

ONE CORE OS

ONE APP PLATFORM

ONE STORE Windows 10

Page 119: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)

EdgeHTML.dll Chakra

Page 120: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)
Page 121: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)
Page 122: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)

all https://*.websites.net/

allowForWebOnly https://*.website.net/

none http://ads.website.net/

Page 123: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)

<meta name="msapplication-cortanavcd" content="http://mysite.com/vcd.xml"/>"

content="http://flightarcade.azurewebsites.net/vcd/vcd.xml"/>

// Add an event listener for the activation event if (Windows.UI.WebUI.WebUIApplication.addEventListener(“activated”, function (args)) { // Handle the Voice Command activation event var activation = Windows.ApplicationModel.Activation; if (args.kind === activation.ActivationKind.voiceCommand) { // Extract the result from the speech recognition from the event arguments var speechRecognitionResult = args.result; // Get the recognized command, defined in the VCD file var command = speechRecognitionResult.rulePath[0]; // Get the full string of text that was spoken var textSpoken = speechRecognitionResult.text; } });

Page 124: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)
Page 125: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)

http://aka.ms/td2015_again

TechDays Korea 2015에서 놓치신 세션은 Microsoft 기술 동영상 커뮤니티 Channel 9에서

추후에 다시 보실 수 있습니다.