Download as PDF, PPTX
Uploaded byRhio Kim
Javascript fatigue, 자바스크립트 피로
The document discusses the complexities and overwhelming nature of JavaScript, referencing its numerous frameworks, libraries, and tools that contribute to 'JavaScript fatigue.' It highlights the evolution of JavaScript and its ecosystem from early versions to modern frameworks like React, Angular, and Vue, along with supporting technologies for building and optimizing applications. The presentation reflects on both the challenges faced by developers in adapting to rapid changes and the advancements that have been made in the realm of JavaScript development.
More Related Content
Similar to Javascript fatigue, 자바스크립트 피로
![50 common web developer interview questions [2020 updated] [www.full stack....](https://cdn.slidesharecdn.com/ss_thumbnails/50commonwebdeveloperinterviewquestions2020updated-www-191031082308-thumbnail.jpg?width=640&height=640&fit=bounds)
Javascript fatigue, 자바스크립트 피로
- 1.
- 2. @ R HI O K I M
- 3. P R ES E N T A T I O N
- 4.
- 5.
- 6.
- 7.
- 8.
- 9.
- 10.
- 11.
- 12.
- 14.
- 16.
- 17. Too many JSframework Too many Boilerplates Too many bundler/task runner Too many APIs. Too much configuration Too many language paradigm Too many CSS in JS "# $
- 18.
- 19.
- 20. Dion Almaer Co-Founderof Ajaxian
- 21.
- 22.
- 23.
- 24.
- 25.
- 26.
- 27.
- 28. Copy & PasteRich Documentation Web Application Platform Micromedia Flash Node.js 20091996 2005 2006 2010 2017 Backbone.js 1999 ES4 2008 ES5 ES6 2015 ES7 2016 ES8 6to5 + esnext Google Map 2013 Haroopad 2011 node-webkit 2012 2014
- 29. • Adobe Flash FlashHTML5 . • Google . Google .
- 30. Steve Jobs saidAdobe is Lazy 😨
- 31. 2004 HTML W3C WHATWG 🙅'( )* +,
- 32.
- 34.
- 35.
- 36.
- 37.
- 38.
- 39.
- 41. 2010 Packages 575,948 Downloads · LastDay 608,103,940 Downloads · Last Week 3,264,697,852 Downloads · Last Month 13,584,318,447 Published Modules · Every Week 4,800 2017.09
- 43.
- 44.
- 45.
- 46.
- 48.
- 49. Cross Browser CrossPlatform Universal DOM BOM Isomorphic hybrid
- 50.
- 51.
- 52.
- 53. What the F*ckJavascript? Brian Reroux
- 54. Transpiler, Babel(6to5), TypeAnnotation
- 55. 1999 2009 2015 3.x5.x 6.x4.x ES2015abandoned harmony - classes, - a module system, - optional type annotations and static typing, probably using a structural type system, - generators and iterators, - destructuring assignment, and - algebraic data types. 🤷 💁
- 56. Source to SourceCompile ES4~ES4 harmony~ES5 Brendan Eich Transpiler JSConf.US 2011
- 57.
- 59. 2012.10 Two years of Internal development by MS
- 61. ECMAScript 6 toECMAScript 5 Transpiler Future-Proofing Slow Adoption Problem
- 62.
- 63.
- 64.
- 65.
- 66.
- 67. Types and TypeAnnotations 2014` A Stage 0 Proposal Jonathan Turner & Brian Terlson 🙄
- 69.
- 70.
- 71. jQuery Backbone.js React.js DOM & BOM Knockout.js Prototype.jsVue.js Angular 2+ ? Polymer 2+ MVC MVVM Modulizing Two way binding Dependency Injection VDOM WebComponent Universal Uni-Direction data flow Mobile support State managing More Functional CSS in JS DOM manipulation Event Handling Scope UnobtrusiveMix with HTML/CSS Well separation Mixin all together 😯 🤔😀 😊 Angular 1.x
- 72.
- 73.
- 74.
- 75.
- 76.
- 77.
- 78.
- 79.
- 80.
- 81.
- 82. … React Component Vue.js. Angular Component …? Reusable WebComponent , , , …? …. …? 😫
- 83. I’ve seen thefuture, it’s full of HTML WebComponent are more than standards
- 84.
- 85. CSS ? JS CSS… 50 🤣
- 86.
- 87.
- 88.
- 89. $ mkdir project $make vendors $ make src $ make test
- 90.
- 92.
- 93.
- 94. - Test Environment -Testing Structure - Assertion Functions - Report Test Result - Snapshot Comparing - Mocks, Spies and Stub - Code Coverage - Browser Test
- 95. Mocha, Ava, Jest,Jasmin, enzyme Krama, Istanbul, Cucumber, Chai, Sinon, Testdouble Protractor, Nightwatch, Phantom, Casper, Selenium
- 96.
- 97.
- 98. 2002 2010 20132017
- 99.
- 100. 2002 2010 20132017
- 101.
- 102.
- 103. shell & antRequire.js Grunt Gulp NPM Webpack Browserify Rollup Task runner Task & Module Bundler Concatenator
- 104. 2012.03 2017.03~ - ScopeHoisting - WebAssembly - Persistenter Cache - CSS as first-class citizen - ES2015+, CommonJS, AMD - Code Splitting - HMR - Dynamic Import - Tree Shaking - Minification - Source mapping - Incredibly fast compilation
- 105. 😭🤕 😩 Actually, Thisis Javascript Fatigue
- 106. You don’t need to installor configure any more creat-react-app angular-cli vue-cli 😘
- 107.
- 108. Battery Ventures Open-SourceSoftware Index
- 109. According to theBattery Open-Source Software (BOSS) Index, Node.js is a leader in enterprise-grade open source.
- 110. Node.js Will OvertakeJava Within a Year
- 111. 8.8 Million # ofNode Instances 800,000 New node instances YTD https://medium.com/the-node-js-collection/node-js-state-of-the-union-blog-2017-ed86640ec451
- 114.
- 115. Node.js Foundation Membership GrowsGlobally Across Multiple Industries 🤝
- 118.
- 119.
- 120. Copy & PasteRich Documentation Web Application Platform Google Map 20091996 2005 2006 2010 20171999 ES4 2008 ES5 ES6 2015 ES7 2016 ES8 2013 Haroopad 2011 node-webkit Atom Shell 2012 2014 Universa
- 121.
- 122.
- 123.