프런트엔드개발, 지금과 다음

•

25 likes•6,388 views

우영 주

웹 최신 트렌드 2018 발표 자료. 프런트엔드 개발에 있어 커뮤니티 동향과 PWA그리고 SSR의 필요성에 대해 발표함.

Technology

Used it before, would use again
ECMAScript6
Plain JavaScript
TypeScript
Elm
ClojureScript
Flow
Reason
CoffeScript
2016 2017
74% 87%
79% 53%
21% 34%
3% 5%
2% 2%
unknown 10%
unknown 0.5%
unknown6%
(+13%)
(+13%)
18%
62%
Growth Rate

Type hinting
Refactor
Efficient collaboration
Better structural presentation

13%
Mobile web
87%
Apps
https://www.youtube.com/watch?v=z2JgN6Ae-Bo

Top 3 apps Other apps
https://www.youtube.com/watch?v=z2JgN6Ae-Bo
78% 22%

https://www.comscore.com/Insights/Presentations-and-Whitepapers/2017/The-2017-US-Mobile-App-Report

https://www.youtube.com/watch?v=z2JgN6Ae-Bo
평균적으로
사용자가
한달에
설치하는
앱의 갯수

https://www.youtube.com/watch?v=z2JgN6Ae-Bo
평균적으로
사용자가
한달에
설치하는
앱의 갯수
0

Integrated Experiences Manifest, Service worker, Autofill, Payment API, …
Reliable Experiences Service Worker
Engaging Experiences Material UI(Ripple), Push API, Notification
Secure Experiences HTTPS

TwitterLight
https://mobile.twitter.com/

https://www.windowscentral.com/first-batch-windows-10-progressive-web-apps-here

https://www.monterail.com/blog/pwa-for-apple-ios

Only client side rendering of Toss Service
CPU 4x slowdown

Similar to 프런트엔드개발, 지금과 다음

Fronted development trends - past, present and the futureHarijs Deksnis

Progressive Web Apps – the return of the web?Christian Heilmann

Web Technologies & CMS Market Share TrendsInTriggerApp

Adtoapp — Autopilot for App MonetizationAppintop

Building Web Apps & APIs With Node JSLohith Goudagere Nagaraj

Introduction to Vaadin, GWT.create 2015hezamu

Advancing JavaScript without breaking the web - MunichJSChristian Heilmann

20110910 WebSig1日学校2011_フロントエンジアクラス算数_春日井先生WebSig24/7

Html5とはなにか？Microsoft

Google mobile sites exam questions & answers 2017Satish A

Hands on performance testing and analysis with web pagetestPatrick Meenan

The Top 11 Most Important JavaScript Statistics for 2022.pdfAnalyt Solutions

Augmented reality in your web proxyRoberto Suggi Liverani

Progressing JavaScript and Apps the Web way… Christian Heilmann

The Case for React.js and ClojureScriptMurilo Pereira

Knockout js with mvcJoel Cochran

Web Anywhere: Mobile Optimisation With HTML5, CSS3, JavaScriptbrucelawson

Html5 OverviewDaniel Arndt Alves

CWIN17 Toulouse / Safe 4.5 and agile devops-ca technologies-r.bajulCapgemini

Gym Technology powered by pb&j TVPB&J TV Childcare Webcasting

Similar to 프런트엔드개발, 지금과 다음 (20)

Fronted development trends - past, present and the future

Progressive Web Apps – the return of the web?

Web Technologies & CMS Market Share Trends

Adtoapp — Autopilot for App Monetization

Building Web Apps & APIs With Node JS

Introduction to Vaadin, GWT.create 2015

Advancing JavaScript without breaking the web - MunichJS

20110910 WebSig1日学校2011_フロントエンジアクラス算数_春日井先生

Html5とはなにか？

Google mobile sites exam questions & answers 2017

Hands on performance testing and analysis with web pagetest

The Top 11 Most Important JavaScript Statistics for 2022.pdf

Augmented reality in your web proxy

Progressing JavaScript and Apps the Web way…

The Case for React.js and ClojureScript

Knockout js with mvc

Web Anywhere: Mobile Optimisation With HTML5, CSS3, JavaScript

Html5 Overview

CWIN17 Toulouse / Safe 4.5 and agile devops-ca technologies-r.bajul

Gym Technology powered by pb&j TV

Recently uploaded

Finology Group – Insurtech Innovation Award 2024The Digital Insurer

IAC 2024 - IA Fast Track to Search Focused AI SolutionsEnterprise Knowledge

Slack Application Development 101 Slidespraypatel2

CNv6 Instructor Chapter 6 Quality of Servicegiselly40

Handwritten Text Recognition for manuscripts and early printed textsMaria Levchenko

Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...gurkirankumar98700

Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Igalia

[2024]Digital Global Overview Report 2024 Meltwater.pdfhans926745

The 7 Things I Know About Cyber Security After 25 Years | April 2024Rafal Los

SQL Database Design For Developers at php[tek] 2024Scott Keck-Warren

GenCyber Cyber Security Day PresentationMichael W. Hawkins

Boost PC performance: How more available memory can improve productivityPrincipled Technologies

Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024BookNet Canada

Data Cloud, More than a CDP by Matt RobisonAnna Loughnan Colquhoun

My Hashitalk Indonesia April 2024 PresentationRidwan Fadjar

Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersThousandEyes

Maximizing Board Effectiveness 2024 Webinar.pptxOnBoard

Scaling API-first – The story of a global engineering organizationRadu Cotescu

08448380779 Call Girls In Civil Lines Women Seeking MenDelhi Call girls

The Codex of Business Writing Software for Real-World Solutions 2.pptxMalak Abu Hammad

Recently uploaded (20)

Finology Group – Insurtech Innovation Award 2024

IAC 2024 - IA Fast Track to Search Focused AI Solutions

Slack Application Development 101 Slides

CNv6 Instructor Chapter 6 Quality of Service

Handwritten Text Recognition for manuscripts and early printed texts

Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...

Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...

[2024]Digital Global Overview Report 2024 Meltwater.pdf

The 7 Things I Know About Cyber Security After 25 Years | April 2024

SQL Database Design For Developers at php[tek] 2024

GenCyber Cyber Security Day Presentation

Boost PC performance: How more available memory can improve productivity

Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024

Data Cloud, More than a CDP by Matt Robison

My Hashitalk Indonesia April 2024 Presentation

Enhancing Worker Digital Experience: A Hands-on Workshop for Partners

Maximizing Board Effectiveness 2024 Webinar.pptx

Scaling API-first – The story of a global engineering organization

08448380779 Call Girls In Civil Lines Women Seeking Men

The Codex of Business Writing Software for Real-World Solutions 2.pptx

프런트엔드개발, 지금과 다음

1. 프런트엔드 개발, 지금과 다음

2. ECMAScript

3. >> >>

4. 96%97% 98% 98% 99%

9. 세대 전환의 시점 하지만 우린 언제나 구 버전 브라우저와의 전쟁을...

10. JavaScript Flavors

11. The State Of JavaScript 2016

12. The State Of JavaScript 2018

13. Used it before, would use again ECMAScript6 Plain JavaScript TypeScript Elm ClojureScript Flow Reason CoffeScript 2016 2017 74% 87% 79% 53% 21% 34% 3% 5% 2% 2% unknown 10% unknown 0.5% unknown6% (+13%) (+13%) 18% 62% Growth Rate

14.

15. Type hinting Refactor Efficient collaboration Better structural presentation

16. DEMO

17.

18.

19.

20.

21.

22.

23.

24. DEMO

25. https://youtu.be/M3BM9TB-8yA?t=19m44s

26. Progressive Web App

27. 웹 경험을 탈피한 앱 스러운 웹 웹의 장점과 앱의 장점을 결합한 환경

28. 13% Mobile web 87% Apps https://www.youtube.com/watch?v=z2JgN6Ae-Bo

29. Top 3 apps Other apps https://www.youtube.com/watch?v=z2JgN6Ae-Bo 78% 22%

30. https://www.comscore.com/Insights/Presentations-and-Whitepapers/2017/The-2017-US-Mobile-App-Report

31. https://www.comscore.com/Insights/Presentations-and-Whitepapers/2017/The-2017-US-Mobile-App-Report

32. https://www.youtube.com/watch?v=z2JgN6Ae-Bo 평균적으로 사용자가 한달에 설치하는 앱의 갯수

33. https://www.youtube.com/watch?v=z2JgN6Ae-Bo 평균적으로 사용자가 한달에 설치하는 앱의 갯수 0

34. https://www.comscore.com/Insights/Presentations-and-Whitepapers/2017/The-2017-US-Mobile-App-Report

35. Integrated Experiences Manifest, Service worker, Autofill, Payment API, … Reliable Experiences Service Worker Engaging Experiences Material UI(Ripple), Push API, Notification Secure Experiences HTTPS

36. Flipkart https://www.flipkart.com/

37. TwitterLight https://mobile.twitter.com/

38. Llumino https://pwa.llumino.app/

39. https://www.windowscentral.com/first-batch-windows-10-progressive-web-apps-here

40. https://www.windowscentral.com/first-batch-windows-10-progressive-web-apps-here

41. https://www.monterail.com/blog/pwa-for-apple-ios

42. 웹과 앱의 경계는 갈수록 얇아지고

43. 앱의 장점을 품은 웹은 매력적

44. Single Page Application

45. 반응성. PWA를 더 PWA 답게 Engaging Experiences

46. VS

47. &