Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

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

4,016 views

Published on

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

Published in: Technology
  • Be the first to comment

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

  1. 1. 프런트엔드 개발, 지금과 다음
  2. 2. ECMAScript
  3. 3. >> >>
  4. 4. 96%97% 98% 98% 99%
  5. 5. 세대 전환의 시점 하지만 우린 언제나 구 버전 브라우저와의 전쟁을...
  6. 6. JavaScript Flavors
  7. 7. The State Of JavaScript 2016
  8. 8. The State Of JavaScript 2018
  9. 9. 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
  10. 10. Type hinting Refactor Efficient collaboration Better structural presentation
  11. 11. DEMO
  12. 12. DEMO
  13. 13. https://youtu.be/M3BM9TB-8yA?t=19m44s
  14. 14. Progressive Web App
  15. 15. 웹 경험을 탈피한 앱 스러운 웹 웹의 장점과 앱의 장점을 결합한 환경
  16. 16. 13% Mobile web 87% Apps https://www.youtube.com/watch?v=z2JgN6Ae-Bo
  17. 17. Top 3 apps Other apps https://www.youtube.com/watch?v=z2JgN6Ae-Bo 78% 22%
  18. 18. https://www.comscore.com/Insights/Presentations-and-Whitepapers/2017/The-2017-US-Mobile-App-Report
  19. 19. https://www.comscore.com/Insights/Presentations-and-Whitepapers/2017/The-2017-US-Mobile-App-Report
  20. 20. https://www.youtube.com/watch?v=z2JgN6Ae-Bo 평균적으로 사용자가 한달에 설치하는 앱의 갯수
  21. 21. https://www.youtube.com/watch?v=z2JgN6Ae-Bo 평균적으로 사용자가 한달에 설치하는 앱의 갯수 0
  22. 22. https://www.comscore.com/Insights/Presentations-and-Whitepapers/2017/The-2017-US-Mobile-App-Report
  23. 23. Integrated Experiences Manifest, Service worker, Autofill, Payment API, … Reliable Experiences Service Worker Engaging Experiences Material UI(Ripple), Push API, Notification Secure Experiences HTTPS
  24. 24. Flipkart https://www.flipkart.com/
  25. 25. TwitterLight https://mobile.twitter.com/
  26. 26. Llumino https://pwa.llumino.app/
  27. 27. https://www.windowscentral.com/first-batch-windows-10-progressive-web-apps-here
  28. 28. https://www.windowscentral.com/first-batch-windows-10-progressive-web-apps-here
  29. 29. https://www.monterail.com/blog/pwa-for-apple-ios
  30. 30. 웹과 앱의 경계는 갈수록 얇아지고
  31. 31. 앱의 장점을 품은 웹은 매력적
  32. 32. Single Page Application
  33. 33. 반응성. PWA를 더 PWA 답게 Engaging Experiences
  34. 34. VS
  35. 35. &
  36. 36. Perfect?
  37. 37. Only client side rendering of Toss Service CPU 4x slowdown
  38. 38. Only client side rendering of Toss Service CPU 4x slowdown
  39. 39. CSR SSR
  40. 40. PWA, SPA + SSR
  41. 41. Thank you.

×