[td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱...
TRANSCRIPT
![Page 1: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/1.jpg)
![Page 2: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/2.jpg)
![Page 3: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/3.jpg)
![Page 4: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/4.jpg)
![Page 5: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/5.jpg)
![Page 6: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/6.jpg)
![Page 7: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/7.jpg)
•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 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/8.jpg)
DEMO
2:05
Universal App
![Page 9: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/9.jpg)
•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 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/10.jpg)
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 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/11.jpg)
• Intellisense warnings for platform specific APIs
•Switch project context using navbar
Code editing experience
![Page 12: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/12.jpg)
•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 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/13.jpg)
Case Study
![Page 15: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/15.jpg)
Case Study
크로스 플랫폼 기업 관리자의 필요 프로젝트 관리자의 필요 개발자의 필요
![Page 16: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/16.jpg)
Case Study
C#으로 대동 단결?
iOS, Android, Windows Phone Linq, NuGet
![Page 17: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/17.jpg)
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 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/18.jpg)
Case Study
크로스 플랫폼 기업 관리자의 필요 프로젝트 관리자의 필요 개발자의 필요
![Page 19: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/19.jpg)
Case Study
네이티브 앱 개발
![Page 20: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/20.jpg)
The Silo Approach
Build App
Multiple Times
![Page 21: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/21.jpg)
The Write-Once-Run-Anywhere Approach
Lowest Common
Denominator
![Page 22: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/22.jpg)
Xamarin’s Unique Approach
Native With
Code Sharing
![Page 23: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/23.jpg)
Windows APIs
![Page 24: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/24.jpg)
iOS APIs | 100% Coverage
![Page 25: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/25.jpg)
Android APIs | 100% Coverage
![Page 26: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/26.jpg)
The Anatomy of a Native App
Native User Interfaces Native API Access Native Performance
![Page 27: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/27.jpg)
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 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/28.jpg)
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 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/29.jpg)
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 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/30.jpg)
iOS - AOT Compiler 가 네이티브 앱 생성 - Object C 코드 호출 가능 - iOS API 100% 지원 - iOS 5 이후 같은 날 업데이트
Android - JIT Compiler가 네이트브 앱 생성 - Android 코드 호출 가능 - Android API 100% 지원 - ICS 이후 같은 날 업데이트
맥은 반드시 필요~!!
![Page 31: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/31.jpg)
![Page 32: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/32.jpg)
![Page 33: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/33.jpg)
![Page 34: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/34.jpg)
![Page 35: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/35.jpg)
Case Study
PCL(Portable Class Library) Multi-Platform을 목표로 만들어진 클래스 라이브러리. Binary Level에서 공유할 수 있는 어셈블리를 만들어내는 클래스 라이브러리
![Page 36: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/36.jpg)
![Page 37: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/37.jpg)
![Page 38: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/38.jpg)
![Page 39: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/39.jpg)
![Page 40: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/40.jpg)
![Page 41: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/41.jpg)
Case Study
SharedProject Image, Code, Media, Resource 등을 공유하는 프로젝트
![Page 42: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/42.jpg)
![Page 43: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/43.jpg)
![Page 44: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/44.jpg)
![Page 45: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/45.jpg)
![Page 46: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/46.jpg)
![Page 47: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/47.jpg)
![Page 48: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/48.jpg)
DEMO
2:05
Xamarin
![Page 49: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/49.jpg)
Portable Class Libraries
![Page 50: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/50.jpg)
Xamarin + Xamarin.Forms With Xamarin.Forms:
more code-sharing, native controls Traditional Xamarin approach
Shared UI Code
![Page 51: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/51.jpg)
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 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/52.jpg)
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 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/53.jpg)
Pages
Content MasterDetail Navigation Tabbed Carousel
![Page 54: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/54.jpg)
Layouts
Stack Absolute Relative Grid ContentView ScrollView Frame
![Page 55: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/55.jpg)
Case Study
Navigation
![Page 56: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/56.jpg)
![Page 57: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/57.jpg)
Case Study
다국어 지원
![Page 58: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/58.jpg)
![Page 59: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/59.jpg)
Case Study
IplatformDependent
![Page 60: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/60.jpg)
![Page 61: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/61.jpg)
![Page 62: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/62.jpg)
![Page 63: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/63.jpg)
![Page 64: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/64.jpg)
![Page 65: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/65.jpg)
![Page 66: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/66.jpg)
![Page 67: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/67.jpg)
![Page 68: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/68.jpg)
Case Study
Controls
![Page 69: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/69.jpg)
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 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/70.jpg)
Login Page – XAML
![Page 71: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/71.jpg)
![Page 72: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/72.jpg)
33,000,000,000,000 페이지
44,000,000,000 사이트
7,000 API
![Page 73: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/73.jpg)
![Page 74: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/74.jpg)
![Page 75: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/75.jpg)
• 문서모드
• CV-List
• X-UA-Compatible
• 표준 준수
![Page 76: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/76.jpg)
Internet Explorer 11
IE5 IE7 IE8
IE9 IE10 QME IE11
EMIE
![Page 77: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/77.jpg)
![Page 78: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/78.jpg)
![Page 79: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/79.jpg)
![Page 80: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/80.jpg)
![Page 81: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/81.jpg)
DEMO
2:05
Edge
![Page 82: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/82.jpg)
상호 운용성 벤다이어그램 모
바일
웹
![Page 83: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/83.jpg)
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 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/84.jpg)
![Page 85: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/85.jpg)
6백만명 이상의 인사이더 프로그램 참가자
![Page 86: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/86.jpg)
33조개의 웹페이지
440억개의 사이트
7천개의 API
bing Web Crawler
Instrumentation
Project Spartan
![Page 87: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/87.jpg)
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 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/88.jpg)
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 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/89.jpg)
Microsoft Edge: EdgeHTML.dll
상호 운용성
기본 브라우저
모던 HTML 웹사이트
웹 노트, 리딩 뷰, 코타나 등
고유의 사용자 기능 탑재
호환성
Legacy 지원
IE9 IE8 IE7 IE 5.5
인트라넷 혹은 엔터프라이즈 모드
사이트 우선
Internet Explorer: MSHTML.dll
![Page 90: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/90.jpg)
![Page 91: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/91.jpg)
![Page 92: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/92.jpg)
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 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/93.jpg)
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 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/94.jpg)
![Page 95: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/95.jpg)
http://modernizr.com/
![Page 96: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/96.jpg)
![Page 97: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/97.jpg)
http://dev.modern.ie/platform/status/
![Page 98: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/98.jpg)
기존 기술 대응 표준 기술
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 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/99.jpg)
IE 확장 기술 상호 운용이 불가능한 IE 고유 API
-ms prefix API
![Page 100: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/100.jpg)
![Page 101: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/101.jpg)
![Page 102: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/102.jpg)
https://github.com/MicrosoftEdge/static-code-scan
![Page 103: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/103.jpg)
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 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/104.jpg)
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 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/105.jpg)
보안/비보안 업데이트
무료/유료 기술 지원
온라인 기술 콘텐츠 업데이트
![Page 106: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/106.jpg)
강화된 호환성 모드
엔터프라이즈 모드 제공
![Page 107: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/107.jpg)
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 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/108.jpg)
<브라우저 별 Malware 평균 차단율>
[Source: NSS Labs, Mar 31, 2014)]
NSS Labs의 보고서에 따르면,
사회공학적 악성 코드에 대한
IE11의 차단율은 99.9%로 타사
브라우저보다 월등히 높은 것으로 조사됨
공식적인 연구 보고서를 통해 IE11의 향상된 보안성이 입증 되었음
![Page 109: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/109.jpg)
26배 빠른 성능
자바스크립트 성능 향상
![Page 110: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/110.jpg)
Hosted Web Apps
![Page 111: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/111.jpg)
Bootstrap
![Page 112: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/112.jpg)
App Store (iOS, Android, Windows…)
Native app container
WebView
Web Site
custom bridge Native Code
![Page 113: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/113.jpg)
App Store
Native app container
WebView
Web Site
Native Code Windows APIs
![Page 114: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/114.jpg)
Native APIs
Native APIs
if (typeof Windows != ‘undefined’) {
// Create an appointment with Windows
.ApplicationModel.Appointments.Appointm
ent();
}
![Page 115: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/115.jpg)
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 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/116.jpg)
![Page 117: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/117.jpg)
![Page 118: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/118.jpg)
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 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/119.jpg)
EdgeHTML.dll Chakra
![Page 120: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/120.jpg)
![Page 121: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/121.jpg)
![Page 122: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/122.jpg)
all https://*.websites.net/
allowForWebOnly https://*.website.net/
none http://ads.website.net/
![Page 123: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/123.jpg)
<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 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/124.jpg)
![Page 125: [Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)](https://reader030.vdocuments.site/reader030/viewer/2022020203/5885df401a28ab906d8b5b4d/html5/thumbnails/125.jpg)
http://aka.ms/td2015_again
TechDays Korea 2015에서 놓치신 세션은 Microsoft 기술 동영상 커뮤니티 Channel 9에서
추후에 다시 보실 수 있습니다.