Suche senden
Hochladen
Nuxt로 사내서비스 구현하면서 얻은 경험 공유
•
1 gefällt mir
•
6,481 views
민환 조
Folgen
Vue.js Meetup Korea : Vue-tiful Korea 발표자료입니다
Weniger lesen
Mehr lesen
Software
Diashow-Anzeige
Melden
Teilen
Diashow-Anzeige
Melden
Teilen
1 von 22
Jetzt herunterladen
Downloaden Sie, um offline zu lesen
Empfohlen
J&Js adventures with agency best practice & the hybrid MVC framework - Umbrac...
J&Js adventures with agency best practice & the hybrid MVC framework - Umbrac...
Jeavon Leopold
MEAN stack
MEAN stack
Iryney Baran
NodeSummit - MEAN Stack
NodeSummit - MEAN Stack
Valeri Karpov
Firebase and AngularJS
Firebase and AngularJS
Ladislav Prskavec
Blazor v1.1
Blazor v1.1
Juan Luis Guerrero Minero
DevDay 2018 - Blazor
DevDay 2018 - Blazor
Denis Voituron
WordPress development checklist
WordPress development checklist
Binh Quan Duc
WebAssembly in Houdini CSS, is it possible?
WebAssembly in Houdini CSS, is it possible?
Alexandr Skachkov
Empfohlen
J&Js adventures with agency best practice & the hybrid MVC framework - Umbrac...
J&Js adventures with agency best practice & the hybrid MVC framework - Umbrac...
Jeavon Leopold
MEAN stack
MEAN stack
Iryney Baran
NodeSummit - MEAN Stack
NodeSummit - MEAN Stack
Valeri Karpov
Firebase and AngularJS
Firebase and AngularJS
Ladislav Prskavec
Blazor v1.1
Blazor v1.1
Juan Luis Guerrero Minero
DevDay 2018 - Blazor
DevDay 2018 - Blazor
Denis Voituron
WordPress development checklist
WordPress development checklist
Binh Quan Duc
WebAssembly in Houdini CSS, is it possible?
WebAssembly in Houdini CSS, is it possible?
Alexandr Skachkov
Production optimization with React and Webpack
Production optimization with React and Webpack
k88hudson
NodeJS and what is actually does
NodeJS and what is actually does
Victor Reyes Heitmann
Serverless framework와 CircleCI를 통한 NoOps 맛보기
Serverless framework와 CircleCI를 통한 NoOps 맛보기
Kyuhyun Byun
WebAssembly vs JavaScript: What is faster?
WebAssembly vs JavaScript: What is faster?
Alexandr Skachkov
Postcss brewbox slides
Postcss brewbox slides
Michele Mazzucco
Bootstrapping angular js with bower grunt yeoman
Bootstrapping angular js with bower grunt yeoman
Makarand Bhatambarekar
Nodejs - Building a RESTful API
Nodejs - Building a RESTful API
Sang Cù
Web Assembly Big Picture
Web Assembly Big Picture
Yousif Shalaby
Web development using nodejs
Web development using nodejs
Vaisakh Babu
Lazy angular w/ webpack
Lazy angular w/ webpack
Rich Snapp
How to make your Webpack builds 10x faster
How to make your Webpack builds 10x faster
trueter
Horizontally Scaling Node.js and WebSockets
Horizontally Scaling Node.js and WebSockets
James Simpson
Leveraging the Power of Custom Elements in Gutenberg
Leveraging the Power of Custom Elements in Gutenberg
Felix Arntz
Mean stack
Mean stack
Eng Chrispinus Onyancha
Intro to Front End Development with Angular + Firebase
Intro to Front End Development with Angular + Firebase
Ben Drucker
WebAssembly Overview
WebAssembly Overview
Alexandr Skachkov
Hello npm
Hello npm
Muyuu Fujita
Web Policies & Reporting
Web Policies & Reporting
Felix Arntz
Node.Js: Basics Concepts and Introduction
Node.Js: Basics Concepts and Introduction
Kanika Gera
Introducing CQ 5.1
Introducing CQ 5.1
David Nuescheler
우당탕탕 회사에서 Vue.js를 도입한 삽질기
우당탕탕 회사에서 Vue.js를 도입한 삽질기
attdro
웹 디자이너의 도전: Vue.js 따라하기
웹 디자이너의 도전: Vue.js 따라하기
Seungmin Lee
Weitere ähnliche Inhalte
Was ist angesagt?
Production optimization with React and Webpack
Production optimization with React and Webpack
k88hudson
NodeJS and what is actually does
NodeJS and what is actually does
Victor Reyes Heitmann
Serverless framework와 CircleCI를 통한 NoOps 맛보기
Serverless framework와 CircleCI를 통한 NoOps 맛보기
Kyuhyun Byun
WebAssembly vs JavaScript: What is faster?
WebAssembly vs JavaScript: What is faster?
Alexandr Skachkov
Postcss brewbox slides
Postcss brewbox slides
Michele Mazzucco
Bootstrapping angular js with bower grunt yeoman
Bootstrapping angular js with bower grunt yeoman
Makarand Bhatambarekar
Nodejs - Building a RESTful API
Nodejs - Building a RESTful API
Sang Cù
Web Assembly Big Picture
Web Assembly Big Picture
Yousif Shalaby
Web development using nodejs
Web development using nodejs
Vaisakh Babu
Lazy angular w/ webpack
Lazy angular w/ webpack
Rich Snapp
How to make your Webpack builds 10x faster
How to make your Webpack builds 10x faster
trueter
Horizontally Scaling Node.js and WebSockets
Horizontally Scaling Node.js and WebSockets
James Simpson
Leveraging the Power of Custom Elements in Gutenberg
Leveraging the Power of Custom Elements in Gutenberg
Felix Arntz
Mean stack
Mean stack
Eng Chrispinus Onyancha
Intro to Front End Development with Angular + Firebase
Intro to Front End Development with Angular + Firebase
Ben Drucker
WebAssembly Overview
WebAssembly Overview
Alexandr Skachkov
Hello npm
Hello npm
Muyuu Fujita
Web Policies & Reporting
Web Policies & Reporting
Felix Arntz
Node.Js: Basics Concepts and Introduction
Node.Js: Basics Concepts and Introduction
Kanika Gera
Introducing CQ 5.1
Introducing CQ 5.1
David Nuescheler
Was ist angesagt?
(20)
Production optimization with React and Webpack
Production optimization with React and Webpack
NodeJS and what is actually does
NodeJS and what is actually does
Serverless framework와 CircleCI를 통한 NoOps 맛보기
Serverless framework와 CircleCI를 통한 NoOps 맛보기
WebAssembly vs JavaScript: What is faster?
WebAssembly vs JavaScript: What is faster?
Postcss brewbox slides
Postcss brewbox slides
Bootstrapping angular js with bower grunt yeoman
Bootstrapping angular js with bower grunt yeoman
Nodejs - Building a RESTful API
Nodejs - Building a RESTful API
Web Assembly Big Picture
Web Assembly Big Picture
Web development using nodejs
Web development using nodejs
Lazy angular w/ webpack
Lazy angular w/ webpack
How to make your Webpack builds 10x faster
How to make your Webpack builds 10x faster
Horizontally Scaling Node.js and WebSockets
Horizontally Scaling Node.js and WebSockets
Leveraging the Power of Custom Elements in Gutenberg
Leveraging the Power of Custom Elements in Gutenberg
Mean stack
Mean stack
Intro to Front End Development with Angular + Firebase
Intro to Front End Development with Angular + Firebase
WebAssembly Overview
WebAssembly Overview
Hello npm
Hello npm
Web Policies & Reporting
Web Policies & Reporting
Node.Js: Basics Concepts and Introduction
Node.Js: Basics Concepts and Introduction
Introducing CQ 5.1
Introducing CQ 5.1
Andere mochten auch
우당탕탕 회사에서 Vue.js를 도입한 삽질기
우당탕탕 회사에서 Vue.js를 도입한 삽질기
attdro
웹 디자이너의 도전: Vue.js 따라하기
웹 디자이너의 도전: Vue.js 따라하기
Seungmin Lee
Vue.js와 Firebase활용기
Vue.js와 Firebase활용기
Aria (In Suk) Kim
Vuejs를이용한서비스구축
Vuejs를이용한서비스구축
Dexter Jung
Vue.js와 Reactive Programming 자막 :: Vuetiful Korea 2nd
Vue.js와 Reactive Programming 자막 :: Vuetiful Korea 2nd
선협 이
vuetiful korea 발표자료
vuetiful korea 발표자료
치웅 이
Andere mochten auch
(6)
우당탕탕 회사에서 Vue.js를 도입한 삽질기
우당탕탕 회사에서 Vue.js를 도입한 삽질기
웹 디자이너의 도전: Vue.js 따라하기
웹 디자이너의 도전: Vue.js 따라하기
Vue.js와 Firebase활용기
Vue.js와 Firebase활용기
Vuejs를이용한서비스구축
Vuejs를이용한서비스구축
Vue.js와 Reactive Programming 자막 :: Vuetiful Korea 2nd
Vue.js와 Reactive Programming 자막 :: Vuetiful Korea 2nd
vuetiful korea 발표자료
vuetiful korea 발표자료
Ähnlich wie Nuxt로 사내서비스 구현하면서 얻은 경험 공유
(2018) Webpack Encore - Asset Management for the rest of us
(2018) Webpack Encore - Asset Management for the rest of us
Stefan Adolf
The MEAN Stack
The MEAN Stack
Md. Ziaul Haq
VCCW - Vagrant based WordPress development environment
VCCW - Vagrant based WordPress development environment
Takayuki Miyauchi
Dev ops for developers
Dev ops for developers
Johann-Peter Hartmann
MVVM for the Web
MVVM for the Web
Excella
Brunch With Coffee
Brunch With Coffee
Sébastien Gruhier
High Performance Ruby: Evented vs. Threaded
High Performance Ruby: Evented vs. Threaded
Engine Yard
Java 8: Nashorn & avatar.js di Enrico Risa al JUG Roma
Java 8: Nashorn & avatar.js di Enrico Risa al JUG Roma
Vitalij Zadneprovskij
Getting Started with Ansible
Getting Started with Ansible
Ahmed AbouZaid
(ARC402) Deployment Automation: From Developers' Keyboards to End Users' Scre...
(ARC402) Deployment Automation: From Developers' Keyboards to End Users' Scre...
Amazon Web Services
Npm scripts
Npm scripts
정윤 김
Introduction to Chef
Introduction to Chef
Suresh Paulraj
Performance
Performance
Varnish Software
Performance and scalability with drupal
Performance and scalability with drupal
Ronan Berder
DevOps for Developers
DevOps for Developers
Mayflower GmbH
Webpack Encore - Asset Management for the rest of us
Webpack Encore - Asset Management for the rest of us
Stefan Adolf
Javantura Zagreb 2014 - Nashorn - Miroslav Rešetar
Javantura Zagreb 2014 - Nashorn - Miroslav Rešetar
HUJAK - Hrvatska udruga Java korisnika / Croatian Java User Association
Javantura 2014 - Java 8 JavaScript Nashorn
Javantura 2014 - Java 8 JavaScript Nashorn
Miroslav Resetar
Webpack and Web Performance Optimization
Webpack and Web Performance Optimization
Chen-Tien Tsai
Monitoring Docker at Scale - Docker San Francisco Meetup - August 11, 2015
Monitoring Docker at Scale - Docker San Francisco Meetup - August 11, 2015
Datadog
Ähnlich wie Nuxt로 사내서비스 구현하면서 얻은 경험 공유
(20)
(2018) Webpack Encore - Asset Management for the rest of us
(2018) Webpack Encore - Asset Management for the rest of us
The MEAN Stack
The MEAN Stack
VCCW - Vagrant based WordPress development environment
VCCW - Vagrant based WordPress development environment
Dev ops for developers
Dev ops for developers
MVVM for the Web
MVVM for the Web
Brunch With Coffee
Brunch With Coffee
High Performance Ruby: Evented vs. Threaded
High Performance Ruby: Evented vs. Threaded
Java 8: Nashorn & avatar.js di Enrico Risa al JUG Roma
Java 8: Nashorn & avatar.js di Enrico Risa al JUG Roma
Getting Started with Ansible
Getting Started with Ansible
(ARC402) Deployment Automation: From Developers' Keyboards to End Users' Scre...
(ARC402) Deployment Automation: From Developers' Keyboards to End Users' Scre...
Npm scripts
Npm scripts
Introduction to Chef
Introduction to Chef
Performance
Performance
Performance and scalability with drupal
Performance and scalability with drupal
DevOps for Developers
DevOps for Developers
Webpack Encore - Asset Management for the rest of us
Webpack Encore - Asset Management for the rest of us
Javantura Zagreb 2014 - Nashorn - Miroslav Rešetar
Javantura Zagreb 2014 - Nashorn - Miroslav Rešetar
Javantura 2014 - Java 8 JavaScript Nashorn
Javantura 2014 - Java 8 JavaScript Nashorn
Webpack and Web Performance Optimization
Webpack and Web Performance Optimization
Monitoring Docker at Scale - Docker San Francisco Meetup - August 11, 2015
Monitoring Docker at Scale - Docker San Francisco Meetup - August 11, 2015
Kürzlich hochgeladen
Unlocking the Future of AI Agents with Large Language Models
Unlocking the Future of AI Agents with Large Language Models
aagamshah0812
Chinsurah Escorts ☎️8617697112 Starting From 5K to 15K High Profile Escorts ...
Chinsurah Escorts ☎️8617697112 Starting From 5K to 15K High Profile Escorts ...
Nitya salvi
%in ivory park+277-882-255-28 abortion pills for sale in ivory park
%in ivory park+277-882-255-28 abortion pills for sale in ivory park
masabamasaba
10 Trends Likely to Shape Enterprise Technology in 2024
10 Trends Likely to Shape Enterprise Technology in 2024
Mind IT Systems
%in kempton park+277-882-255-28 abortion pills for sale in kempton park
%in kempton park+277-882-255-28 abortion pills for sale in kempton park
masabamasaba
How To Troubleshoot Collaboration Apps for the Modern Connected Worker
How To Troubleshoot Collaboration Apps for the Modern Connected Worker
ThousandEyes
OpenChain - The Ramifications of ISO/IEC 5230 and ISO/IEC 18974 for Legal Pro...
OpenChain - The Ramifications of ISO/IEC 5230 and ISO/IEC 18974 for Legal Pro...
Shane Coughlan
ManageIQ - Sprint 236 Review - Slide Deck
ManageIQ - Sprint 236 Review - Slide Deck
ManageIQ
Introducing Microsoft’s new Enterprise Work Management (EWM) Solution
Introducing Microsoft’s new Enterprise Work Management (EWM) Solution
OnePlan Solutions
AI Mastery 201: Elevating Your Workflow with Advanced LLM Techniques
AI Mastery 201: Elevating Your Workflow with Advanced LLM Techniques
VictorSzoltysek
%in kaalfontein+277-882-255-28 abortion pills for sale in kaalfontein
%in kaalfontein+277-882-255-28 abortion pills for sale in kaalfontein
masabamasaba
The Top App Development Trends Shaping the Industry in 2024-25 .pdf
The Top App Development Trends Shaping the Industry in 2024-25 .pdf
ayushiqss
The Real-World Challenges of Medical Device Cybersecurity- Mitigating Vulnera...
The Real-World Challenges of Medical Device Cybersecurity- Mitigating Vulnera...
ICS
AI & Machine Learning Presentation Template
AI & Machine Learning Presentation Template
Presentation.STUDIO
%in Midrand+277-882-255-28 abortion pills for sale in midrand
%in Midrand+277-882-255-28 abortion pills for sale in midrand
masabamasaba
A Secure and Reliable Document Management System is Essential.docx
A Secure and Reliable Document Management System is Essential.docx
ComplianceQuest1
Shapes for Sharing between Graph Data Spaces - and Epistemic Querying of RDF-...
Shapes for Sharing between Graph Data Spaces - and Epistemic Querying of RDF-...
Steffen Staab
W01_panagenda_Navigating-the-Future-with-The-Hitchhikers-Guide-to-Notes-and-D...
W01_panagenda_Navigating-the-Future-with-The-Hitchhikers-Guide-to-Notes-and-D...
panagenda
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
Delhi Call girls
Crypto Cloud Review - How To Earn Up To $500 Per DAY Of Bitcoin 100% On AutoP...
Crypto Cloud Review - How To Earn Up To $500 Per DAY Of Bitcoin 100% On AutoP...
SelfMade bd
Kürzlich hochgeladen
(20)
Unlocking the Future of AI Agents with Large Language Models
Unlocking the Future of AI Agents with Large Language Models
Chinsurah Escorts ☎️8617697112 Starting From 5K to 15K High Profile Escorts ...
Chinsurah Escorts ☎️8617697112 Starting From 5K to 15K High Profile Escorts ...
%in ivory park+277-882-255-28 abortion pills for sale in ivory park
%in ivory park+277-882-255-28 abortion pills for sale in ivory park
10 Trends Likely to Shape Enterprise Technology in 2024
10 Trends Likely to Shape Enterprise Technology in 2024
%in kempton park+277-882-255-28 abortion pills for sale in kempton park
%in kempton park+277-882-255-28 abortion pills for sale in kempton park
How To Troubleshoot Collaboration Apps for the Modern Connected Worker
How To Troubleshoot Collaboration Apps for the Modern Connected Worker
OpenChain - The Ramifications of ISO/IEC 5230 and ISO/IEC 18974 for Legal Pro...
OpenChain - The Ramifications of ISO/IEC 5230 and ISO/IEC 18974 for Legal Pro...
ManageIQ - Sprint 236 Review - Slide Deck
ManageIQ - Sprint 236 Review - Slide Deck
Introducing Microsoft’s new Enterprise Work Management (EWM) Solution
Introducing Microsoft’s new Enterprise Work Management (EWM) Solution
AI Mastery 201: Elevating Your Workflow with Advanced LLM Techniques
AI Mastery 201: Elevating Your Workflow with Advanced LLM Techniques
%in kaalfontein+277-882-255-28 abortion pills for sale in kaalfontein
%in kaalfontein+277-882-255-28 abortion pills for sale in kaalfontein
The Top App Development Trends Shaping the Industry in 2024-25 .pdf
The Top App Development Trends Shaping the Industry in 2024-25 .pdf
The Real-World Challenges of Medical Device Cybersecurity- Mitigating Vulnera...
The Real-World Challenges of Medical Device Cybersecurity- Mitigating Vulnera...
AI & Machine Learning Presentation Template
AI & Machine Learning Presentation Template
%in Midrand+277-882-255-28 abortion pills for sale in midrand
%in Midrand+277-882-255-28 abortion pills for sale in midrand
A Secure and Reliable Document Management System is Essential.docx
A Secure and Reliable Document Management System is Essential.docx
Shapes for Sharing between Graph Data Spaces - and Epistemic Querying of RDF-...
Shapes for Sharing between Graph Data Spaces - and Epistemic Querying of RDF-...
W01_panagenda_Navigating-the-Future-with-The-Hitchhikers-Guide-to-Notes-and-D...
W01_panagenda_Navigating-the-Future-with-The-Hitchhikers-Guide-to-Notes-and-D...
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
Crypto Cloud Review - How To Earn Up To $500 Per DAY Of Bitcoin 100% On AutoP...
Crypto Cloud Review - How To Earn Up To $500 Per DAY Of Bitcoin 100% On AutoP...
Nuxt로 사내서비스 구현하면서 얻은 경험 공유
1.
2.
3.
= ::
4.
– Evan You “Integrating
with Nuxt is the full package. It’s like more complete.”
5.
Web Development Nowadays •
Component, Container, Store • SSR (Server-Side Rendering) • Router w/ History API • Latest ECMAScript • Hot Module Reloading • SASS • ...
6.
No more… • webpack.config.js •
gulpfile.js • .babelrc • ...
7.
No more… • webpack.config.js •
gulpfile.js • .babelrc • ...
8.
Only Nuxt $ npm
install nuxt
9.
Only Nuxt $ npm
install nuxt
10.
Only Nuxt $ npm
install nuxt
11.
Isomorphic JavaScript Isomorphic JavaScript
Code
12.
Isomorphic JavaScript Isomorphic JavaScript
Code Front-end Script
13.
Isomorphic JavaScript Isomorphic JavaScript
Code Web ServerFront-end Script
14.
Vue as Template
Engine • <% %> • <%= %> • <%# %> • <% -%> • {% extends %} • {% if %} • {% elif %} • {% for in %}
15.
Vue as Template
Engine • <% %> • <%= %> • <%# %> • <% -%> index.vue • {% extends %} • {% if %} • {% elif %} • {% for in %}
16.
Caveat
17.
Different Context • window •
document • $ • localStorage • ... • process • global • module • require(‘path’) • ...
18.
Tree Shaking import _
from ‘lodash’
19.
Tree Shaking import _
from ‘lodash’ 540 KB
20.
Tree Shaking import _
from ‘lodash’ 540 KB import _map from ‘lodash/map’
21.
Tree Shaking import _
from ‘lodash’ 540 KB import _map from ‘lodash/map’ 2 KB
22.
Demonstration
Jetzt herunterladen