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.
웹 디자이너의
도전
Vue.js 따라하기
Vue ∙ tiful Korea
이승민 | 알고랩
디자이너도 Vue.js를
쓸 수 있다?
디자이너니까 오프라인용 굿즈 쯤이야!
마케팅 컨텐츠
편집 디자인
디자이너도 Vue.js를
쓸 수 있다?
디자이너니까 UX/UI 디자인 쯤이야!
웹 퍼블리싱
Vue.js
개발자에게 친절한
디자이너?
CSS는 제가 만질게요.
API input과 output은 이렇게 해주세요.
왜 jQuery로
만족할 수 없는가?
jQuery vue.js
https://medium.com/js-dojo/vue-js-is-easier-to-learn-than-jquery-abbbb9c12cf8
왜 jQuery로...
왜 React로
만족할 수 없는가?
https://vuejs.org/v2/guide/comparison.html#Complexity
React Vue.js
나만의
시간
쉽고 간단하게
JavaScript 쓰기?
시간이 없지만 공부 쯤이야!
Vue.js를
setup하는 방법?
Vue instance를
만드는 방법?
Vue instance
data object
template syntax
{{ textInterpolation }}
binding inline styles
v-bind:style, :style
conditional rendering
v-if, v-else
template syntax directives
v-on:click, @click
Vue instance
methods
Vue ∙ tiful Korea
이승민 | 알고랩
쉽네?
공부하면 되지!
시간이 없지만 공부 쯤이야!
Vue.js &
JavaScript
Vue ∙ tiful Korea
이승민 | 알고랩
공부만으로는 안돼?
밤을 새면 되지!
피곤하지만 밤샘 쯤이야!
Vue.js &
JavaScript
Vue ∙ tiful Korea
이승민 | 알고랩
Vue.js 정복하기?
밤을 새면 되지!
일주일 밤샘 쯤이야... 힘드네. 낮잠을 자볼까?
Vue.js &
JavaScript
Vue ∙ tiful Korea
이승민 | 알고랩
Vue.js 정복하기?
적당히 해!
이렇게 살 바에는 포기가...
Vue.js &
JavaScript
Vue ∙ tiful Korea
이승민 | 알고랩
Vue.js 정복하기?
끝까지 가보자!
Vue.js 꼭 무찌를거야!
list rendering
v-for
감사합니다!
ideas007@naver.com
Vue ∙ tiful Korea
이승민 | 알고랩
웹 디자이너의 도전: Vue.js 따라하기
웹 디자이너의 도전: Vue.js 따라하기
웹 디자이너의 도전: Vue.js 따라하기
웹 디자이너의 도전: Vue.js 따라하기
웹 디자이너의 도전: Vue.js 따라하기
Upcoming SlideShare
Loading in …5
×

웹 디자이너의 도전: Vue.js 따라하기

3,260 views

Published on

2017년 4월 19일 Vuetiful Korea 첫번째 밋업의 세번째 발표자료입니다.

Vue.js 한국어 사용자 모임에서 발표를 하게 된 디자이너, 그녀는 과연 Vue.js를 쓸 수 있을 것인가?

발표자료에서 소개되는 게임은 smilee.github.io/vuetiful-korea-170419 을 참고해 주시기 바랍니다.

Published in: Internet
  • Be the first to comment

웹 디자이너의 도전: Vue.js 따라하기

  1. 1. 웹 디자이너의 도전 Vue.js 따라하기 Vue ∙ tiful Korea 이승민 | 알고랩
  2. 2. 디자이너도 Vue.js를 쓸 수 있다? 디자이너니까 오프라인용 굿즈 쯤이야! 마케팅 컨텐츠 편집 디자인
  3. 3. 디자이너도 Vue.js를 쓸 수 있다? 디자이너니까 UX/UI 디자인 쯤이야! 웹 퍼블리싱 Vue.js
  4. 4. 개발자에게 친절한 디자이너? CSS는 제가 만질게요. API input과 output은 이렇게 해주세요.
  5. 5. 왜 jQuery로 만족할 수 없는가? jQuery vue.js https://medium.com/js-dojo/vue-js-is-easier-to-learn-than-jquery-abbbb9c12cf8 왜 jQuery로 만족할 수 없는가? jQuery Vue.js https://medium.com/js-dojo/vue-js-is-easier-to-learn-than-jquery-abbbb9c12cf8
  6. 6. 왜 React로 만족할 수 없는가? https://vuejs.org/v2/guide/comparison.html#Complexity React Vue.js
  7. 7. 나만의 시간
  8. 8. 쉽고 간단하게 JavaScript 쓰기? 시간이 없지만 공부 쯤이야!
  9. 9. Vue.js를 setup하는 방법?
  10. 10. Vue instance를 만드는 방법?
  11. 11. Vue instance data object
  12. 12. template syntax {{ textInterpolation }}
  13. 13. binding inline styles v-bind:style, :style
  14. 14. conditional rendering v-if, v-else
  15. 15. template syntax directives v-on:click, @click
  16. 16. Vue instance methods
  17. 17. Vue ∙ tiful Korea 이승민 | 알고랩 쉽네? 공부하면 되지! 시간이 없지만 공부 쯤이야!
  18. 18. Vue.js & JavaScript
  19. 19. Vue ∙ tiful Korea 이승민 | 알고랩 공부만으로는 안돼? 밤을 새면 되지! 피곤하지만 밤샘 쯤이야!
  20. 20. Vue.js & JavaScript
  21. 21. Vue ∙ tiful Korea 이승민 | 알고랩 Vue.js 정복하기? 밤을 새면 되지! 일주일 밤샘 쯤이야... 힘드네. 낮잠을 자볼까?
  22. 22. Vue.js & JavaScript
  23. 23. Vue ∙ tiful Korea 이승민 | 알고랩 Vue.js 정복하기? 적당히 해! 이렇게 살 바에는 포기가...
  24. 24. Vue.js & JavaScript
  25. 25. Vue ∙ tiful Korea 이승민 | 알고랩 Vue.js 정복하기? 끝까지 가보자! Vue.js 꼭 무찌를거야!
  26. 26. list rendering v-for
  27. 27. 감사합니다! ideas007@naver.com Vue ∙ tiful Korea 이승민 | 알고랩

×