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와 Reactive Programming 자막 :: Vuetiful Korea 2nd

3,446 views

Published on

Vuetiful Korea 2회 밋업에서 발표한 Vue.js와 Reactive Programming 자막 버전 슬라이드 입니다.
목차는 [Reactive란?, RxJS, vue-rx, 비교]로 이루어져 있습니다.

Published in: Technology

Vue.js와 Reactive Programming 자막 :: Vuetiful Korea 2nd

  1. 1. Reactive ? RxJS vue-rx
  2. 2. Reactive ? RxJS vue-rx
  3. 3. A modern spreadsheet program is an example of reactive programming. - https://en.wikipedia.org/wiki/Reactive_programming
  4. 4. Reactive ? RxJS vue-rx
  5. 5. https://jsfiddle.net/kciter/n0pruyfq/ Wikipedia
  6. 6. https://jsfiddle.net/kciter/n0pruyfq/ Wikipedia
  7. 7. https://jsfiddle.net/kciter/n0pruyfq/ Wikipedia input ul
  8. 8. https://jsfiddle.net/kciter/n0pruyfq/ Wikipedia input ul Wikipedia Request
  9. 9. https://jsfiddle.net/kciter/n0pruyfq/ Wikipedia input ul Wikipedia Request Observable
  10. 10. https://jsfiddle.net/kciter/n0pruyfq/ Wikipedia input ul Wikipedia Request Observable
  11. 11. https://jsfiddle.net/kciter/n0pruyfq/ Wikipedia input ul Wikipedia Request Observable
  12. 12. https://jsfiddle.net/kciter/n0pruyfq/ Wikipedia input ul Wikipedia Request Observable
  13. 13. https://jsfiddle.net/kciter/n0pruyfq/ Wikipedia input ul Wikipedia Request Observable
  14. 14. https://jsfiddle.net/kciter/n0pruyfq/ Wikipedia input ul Wikipedia Request Observable
  15. 15. https://jsfiddle.net/kciter/n0pruyfq/ Wikipedia input ul Wikipedia Request Observable
  16. 16. https://jsfiddle.net/kciter/n0pruyfq/ Wikipedia input ul Wikipedia Request Observable
  17. 17. https://jsfiddle.net/kciter/n0pruyfq/ Wikipedia input ul Wikipedia Request Observable
  18. 18. https://jsfiddle.net/kciter/n0pruyfq/ Wikipedia input ul Wikipedia Request Observable
  19. 19. https://jsfiddle.net/kciter/n0pruyfq/ Wikipedia input ul Wikipedia Request Observable
  20. 20. https://jsfiddle.net/kciter/n0pruyfq/ Wikipedia input ul Wikipedia Request Observable
  21. 21. https://jsfiddle.net/kciter/n0pruyfq/ Wikipedia input ul Wikipedia Request Observable
  22. 22. https://jsfiddle.net/kciter/n0pruyfq/ Wikipedia input ul Wikipedia Request Observable
  23. 23. https://jsfiddle.net/kciter/n0pruyfq/ Wikipedia input ul Wikipedia Request Observable
  24. 24. https://jsfiddle.net/kciter/n0pruyfq/ Wikipedia input ul Wikipedia Request Observable
  25. 25. https://jsfiddle.net/kciter/n0pruyfq/ Wikipedia input ul Wikipedia Request Observable , UI
  26. 26. https://jsfiddle.net/kciter/n0pruyfq/ Wikipedia input ul Wikipedia Request Observable , UI
  27. 27. https://jsfiddle.net/kciter/n0pruyfq/ Wikipedia input ul Wikipedia Request Observable , UI
  28. 28. https://jsfiddle.net/kciter/n0pruyfq/ Wikipedia input ul Wikipedia Request Observable , UI
  29. 29. Reactive ? RxJS vue-rx
  30. 30. Wikipedia
  31. 31. Wikipedia
  32. 32. Wikipedia
  33. 33. Wikipedia
  34. 34. Wikipedia v-model=“search”
  35. 35. Wikipedia v-model=“search” Wikipedia Request
  36. 36. Wikipedia v-model=“search” Wikipedia Request vue-rx subscriptions results
  37. 37. Wikipedia v-model=“search” Wikipedia Request vue-rx subscriptions results
  38. 38. Wikipedia v-model=“search” Wikipedia Request vue-rx subscriptions results
  39. 39. Wikipedia v-model=“search” Wikipedia Request vue-rx subscriptions results
  40. 40. Wikipedia v-model=“search” Wikipedia Request vue-rx subscriptions results
  41. 41. Wikipedia v-model=“search” Wikipedia Request vue-rx subscriptions results
  42. 42. Wikipedia v-model=“search” Wikipedia Request vue-rx subscriptions results
  43. 43. Wikipedia v-model=“search” Wikipedia Request vue-rx subscriptions results
  44. 44. Wikipedia v-model=“search” Wikipedia Request vue-rx subscriptions results
  45. 45. Wikipedia
  46. 46. Wikipedia
  47. 47. Wikipedia v-stream
  48. 48. Wikipedia v-stream
  49. 49. Wikipedia v-stream
  50. 50. Wikipedia v-stream domStreams
  51. 51. Wikipedia v-stream domStreams
  52. 52. Wikipedia v-stream domStreams
  53. 53. Wikipedia v-stream domStreams
  54. 54. Reactive ? RxJS vue-rx
  55. 55. Promise, async/awaitRxJs
  56. 56. Promise, async/awaitRxJs Cancellable Not cancellable
  57. 57. Promise, async/awaitRxJs Cancellable Not cancellable Operator -
  58. 58. Promise, async/awaitRxJs Cancellable Not cancellable Operator - 

  59. 59. Rx ..?
  60. 60. No! !
  61. 61. No! !
  62. 62. No! !
  63. 63. ToDo
  64. 64. Vue.js Reactive Programmin

×