웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스
DESCRIPTION
웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스TRANSCRIPT
![Page 1: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스](https://reader031.vdocuments.net/reader031/viewer/2022020116/559437071a28abb3628b45e9/html5/thumbnails/1.jpg)
Kim����������� ������������������ Min����������� ������������������ Tae����������� ������������������ @����������� ������������������ NCSOFT
World����������� ������������������ Wide����������� ������������������ Web
![Page 2: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스](https://reader031.vdocuments.net/reader031/viewer/2022020116/559437071a28abb3628b45e9/html5/thumbnails/2.jpg)
Web Components Web Graphics
Service Worker
Web Animations
WebRTC Web Socket
Transpiler & ASM.jsJavascript Framework
![Page 3: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스](https://reader031.vdocuments.net/reader031/viewer/2022020116/559437071a28abb3628b45e9/html5/thumbnails/3.jpg)
vs. Native Platform
![Page 4: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스](https://reader031.vdocuments.net/reader031/viewer/2022020116/559437071a28abb3628b45e9/html5/thumbnails/4.jpg)
C!o!n!t!e!n!t!s
Document
ApplicationService
![Page 5: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스](https://reader031.vdocuments.net/reader031/viewer/2022020116/559437071a28abb3628b45e9/html5/thumbnails/5.jpg)
ApplicationWeb
![Page 6: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스](https://reader031.vdocuments.net/reader031/viewer/2022020116/559437071a28abb3628b45e9/html5/thumbnails/6.jpg)
ApplicationWeb
“좋지 않은 부분”
![Page 7: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스](https://reader031.vdocuments.net/reader031/viewer/2022020116/559437071a28abb3628b45e9/html5/thumbnails/7.jpg)
ApplicationWeb
![Page 8: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스](https://reader031.vdocuments.net/reader031/viewer/2022020116/559437071a28abb3628b45e9/html5/thumbnails/8.jpg)
ApplicationWeb
![Page 9: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스](https://reader031.vdocuments.net/reader031/viewer/2022020116/559437071a28abb3628b45e9/html5/thumbnails/9.jpg)
ApplicationWeb
![Page 10: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스](https://reader031.vdocuments.net/reader031/viewer/2022020116/559437071a28abb3628b45e9/html5/thumbnails/10.jpg)
ApplicationWeb
![Page 11: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스](https://reader031.vdocuments.net/reader031/viewer/2022020116/559437071a28abb3628b45e9/html5/thumbnails/11.jpg)
https://www.flickr.com/photos/storm_tk431/5508754853/
![Page 12: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스](https://reader031.vdocuments.net/reader031/viewer/2022020116/559437071a28abb3628b45e9/html5/thumbnails/12.jpg)
![Page 13: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스](https://reader031.vdocuments.net/reader031/viewer/2022020116/559437071a28abb3628b45e9/html5/thumbnails/13.jpg)
![Page 14: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스](https://reader031.vdocuments.net/reader031/viewer/2022020116/559437071a28abb3628b45e9/html5/thumbnails/14.jpg)
![Page 15: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스](https://reader031.vdocuments.net/reader031/viewer/2022020116/559437071a28abb3628b45e9/html5/thumbnails/15.jpg)
![Page 16: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스](https://reader031.vdocuments.net/reader031/viewer/2022020116/559437071a28abb3628b45e9/html5/thumbnails/16.jpg)
![Page 17: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스](https://reader031.vdocuments.net/reader031/viewer/2022020116/559437071a28abb3628b45e9/html5/thumbnails/17.jpg)
![Page 18: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스](https://reader031.vdocuments.net/reader031/viewer/2022020116/559437071a28abb3628b45e9/html5/thumbnails/18.jpg)
![Page 19: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스](https://reader031.vdocuments.net/reader031/viewer/2022020116/559437071a28abb3628b45e9/html5/thumbnails/19.jpg)
![Page 20: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스](https://reader031.vdocuments.net/reader031/viewer/2022020116/559437071a28abb3628b45e9/html5/thumbnails/20.jpg)
![Page 21: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스](https://reader031.vdocuments.net/reader031/viewer/2022020116/559437071a28abb3628b45e9/html5/thumbnails/21.jpg)
![Page 22: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스](https://reader031.vdocuments.net/reader031/viewer/2022020116/559437071a28abb3628b45e9/html5/thumbnails/22.jpg)
![Page 23: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스](https://reader031.vdocuments.net/reader031/viewer/2022020116/559437071a28abb3628b45e9/html5/thumbnails/23.jpg)
![Page 24: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스](https://reader031.vdocuments.net/reader031/viewer/2022020116/559437071a28abb3628b45e9/html5/thumbnails/24.jpg)
![Page 25: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스](https://reader031.vdocuments.net/reader031/viewer/2022020116/559437071a28abb3628b45e9/html5/thumbnails/25.jpg)
Web Components
![Page 26: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스](https://reader031.vdocuments.net/reader031/viewer/2022020116/559437071a28abb3628b45e9/html5/thumbnails/26.jpg)
![Page 27: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스](https://reader031.vdocuments.net/reader031/viewer/2022020116/559437071a28abb3628b45e9/html5/thumbnails/27.jpg)
Template Shadow DOM Custom Elements HTML Imports
![Page 28: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스](https://reader031.vdocuments.net/reader031/viewer/2022020116/559437071a28abb3628b45e9/html5/thumbnails/28.jpg)
Template
![Page 29: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스](https://reader031.vdocuments.net/reader031/viewer/2022020116/559437071a28abb3628b45e9/html5/thumbnails/29.jpg)
Shadow DOM
![Page 30: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스](https://reader031.vdocuments.net/reader031/viewer/2022020116/559437071a28abb3628b45e9/html5/thumbnails/30.jpg)
Shadow DOM
![Page 31: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스](https://reader031.vdocuments.net/reader031/viewer/2022020116/559437071a28abb3628b45e9/html5/thumbnails/31.jpg)
Custom Elements
![Page 32: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스](https://reader031.vdocuments.net/reader031/viewer/2022020116/559437071a28abb3628b45e9/html5/thumbnails/32.jpg)
HTML Imports
![Page 33: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스](https://reader031.vdocuments.net/reader031/viewer/2022020116/559437071a28abb3628b45e9/html5/thumbnails/33.jpg)
![Page 34: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스](https://reader031.vdocuments.net/reader031/viewer/2022020116/559437071a28abb3628b45e9/html5/thumbnails/34.jpg)
![Page 35: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스](https://reader031.vdocuments.net/reader031/viewer/2022020116/559437071a28abb3628b45e9/html5/thumbnails/35.jpg)
![Page 36: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스](https://reader031.vdocuments.net/reader031/viewer/2022020116/559437071a28abb3628b45e9/html5/thumbnails/36.jpg)
![Page 37: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스](https://reader031.vdocuments.net/reader031/viewer/2022020116/559437071a28abb3628b45e9/html5/thumbnails/37.jpg)
![Page 38: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스](https://reader031.vdocuments.net/reader031/viewer/2022020116/559437071a28abb3628b45e9/html5/thumbnails/38.jpg)
![Page 39: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스](https://reader031.vdocuments.net/reader031/viewer/2022020116/559437071a28abb3628b45e9/html5/thumbnails/39.jpg)
vs. Native Platform
![Page 40: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스](https://reader031.vdocuments.net/reader031/viewer/2022020116/559437071a28abb3628b45e9/html5/thumbnails/40.jpg)
How Browser Works
![Page 41: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스](https://reader031.vdocuments.net/reader031/viewer/2022020116/559437071a28abb3628b45e9/html5/thumbnails/41.jpg)
http://daviddemar.files.wordpress.com/2012/06/chrome_vs_firefox.jpg
![Page 42: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스](https://reader031.vdocuments.net/reader031/viewer/2022020116/559437071a28abb3628b45e9/html5/thumbnails/42.jpg)
![Page 43: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스](https://reader031.vdocuments.net/reader031/viewer/2022020116/559437071a28abb3628b45e9/html5/thumbnails/43.jpg)
Rendering
![Page 44: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스](https://reader031.vdocuments.net/reader031/viewer/2022020116/559437071a28abb3628b45e9/html5/thumbnails/44.jpg)
Minimizing browser reflow
![Page 45: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스](https://reader031.vdocuments.net/reader031/viewer/2022020116/559437071a28abb3628b45e9/html5/thumbnails/45.jpg)
![Page 46: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스](https://reader031.vdocuments.net/reader031/viewer/2022020116/559437071a28abb3628b45e9/html5/thumbnails/46.jpg)
![Page 47: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스](https://reader031.vdocuments.net/reader031/viewer/2022020116/559437071a28abb3628b45e9/html5/thumbnails/47.jpg)
![Page 48: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스](https://reader031.vdocuments.net/reader031/viewer/2022020116/559437071a28abb3628b45e9/html5/thumbnails/48.jpg)
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주년 컨퍼런스](https://reader031.vdocuments.net/reader031/viewer/2022020116/559437071a28abb3628b45e9/html5/thumbnails/49.jpg)
![Page 50: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스](https://reader031.vdocuments.net/reader031/viewer/2022020116/559437071a28abb3628b45e9/html5/thumbnails/50.jpg)
http://msdn.microsoft.com/ko-kr/library/dn479430%28v=vs.85%29.aspx
![Page 51: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스](https://reader031.vdocuments.net/reader031/viewer/2022020116/559437071a28abb3628b45e9/html5/thumbnails/51.jpg)
![Page 52: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스](https://reader031.vdocuments.net/reader031/viewer/2022020116/559437071a28abb3628b45e9/html5/thumbnails/52.jpg)
Web Components Web Graphics
![Page 53: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스](https://reader031.vdocuments.net/reader031/viewer/2022020116/559437071a28abb3628b45e9/html5/thumbnails/53.jpg)
Service Worker
![Page 54: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스](https://reader031.vdocuments.net/reader031/viewer/2022020116/559437071a28abb3628b45e9/html5/thumbnails/54.jpg)
WebRTC
![Page 55: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스](https://reader031.vdocuments.net/reader031/viewer/2022020116/559437071a28abb3628b45e9/html5/thumbnails/55.jpg)
Web Animations
![Page 56: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스](https://reader031.vdocuments.net/reader031/viewer/2022020116/559437071a28abb3628b45e9/html5/thumbnails/56.jpg)
Transpiler & ASM.js
![Page 57: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스](https://reader031.vdocuments.net/reader031/viewer/2022020116/559437071a28abb3628b45e9/html5/thumbnails/57.jpg)
![Page 58: 웹을 지탱하는 차세대 기술 @한국웹20주년 컨퍼런스](https://reader031.vdocuments.net/reader031/viewer/2022020116/559437071a28abb3628b45e9/html5/thumbnails/58.jpg)