웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스

59
Kim Min Tae @ NCSOFT World Wide Web

Upload: -

Post on 02-Jul-2015

14.341 views

Category:

Documents


6 download

DESCRIPTION

웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스

TRANSCRIPT

Page 1: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스

Kim����������� ������������������  Min����������� ������������������  Tae����������� ������������������  @����������� ������������������  NCSOFT

World����������� ������������������  Wide����������� ������������������  Web

Page 2: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스

Web Components Web Graphics

Service Worker

Web Animations

WebRTC Web Socket

Transpiler & ASM.jsJavascript Framework

Page 3: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스

vs. Native Platform

Page 4: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스

C!o!n!t!e!n!t!s

Document

ApplicationService

Page 5: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스

ApplicationWeb

Page 6: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스

ApplicationWeb

“좋지 않은 부분”

Page 7: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스

ApplicationWeb

Page 8: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스

ApplicationWeb

Page 9: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스

ApplicationWeb

Page 10: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스

ApplicationWeb

Page 11: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스

https://www.flickr.com/photos/storm_tk431/5508754853/

Page 12: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스
Page 13: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스
Page 14: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스
Page 15: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스
Page 16: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스
Page 17: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스
Page 18: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스
Page 19: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스
Page 20: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스
Page 21: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스
Page 22: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스
Page 23: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스
Page 24: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스
Page 25: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스

Web Components

Page 26: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스
Page 27: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스

Template Shadow DOM Custom Elements HTML Imports

Page 28: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스

Template

Page 29: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스

Shadow DOM

Page 30: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스

Shadow DOM

Page 31: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스

Custom Elements

Page 32: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스

HTML Imports

Page 33: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스
Page 34: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스
Page 35: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스
Page 36: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스
Page 37: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스
Page 38: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스
Page 39: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스

vs. Native Platform

Page 40: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스

How Browser Works

Page 41: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스

http://daviddemar.files.wordpress.com/2012/06/chrome_vs_firefox.jpg

Page 42: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스
Page 43: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스

Rendering

Page 44: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스

Minimizing browser reflow

Page 45: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스
Page 46: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스
Page 47: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스
Page 48: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스

http://blogs.nvidia.com/blog/2009/12/16/whats-the-difference-between-a-cpu-and-a-gpu/

Multiple cores vs. Hundreds of cores

Page 49: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스
Page 50: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스

http://msdn.microsoft.com/ko-kr/library/dn479430%28v=vs.85%29.aspx

Page 51: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스
Page 52: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스

Web Components Web Graphics

Page 53: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스

Service Worker

Page 54: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스

WebRTC

Page 55: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스

Web Animations

Page 56: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스

Transpiler & ASM.js

Page 57: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스
Page 58: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스
Page 59: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스

감사합니다NCSOFT | [email protected]

@ibare | medium.com/ibare-story