2016 W3C Conference #6 : ReactiveX + Meteor 종단간 암호화 구현 사례
•
1 like•474 views
2016년 12월에 진행되었던 W3C HTML5 Conference 2016의 오후 트렉 (웹프레임워크)의 발표 자료입니다. 앱솔루트의 이재호 대표님께서 ‘ReactiveX와 Meteor를 활용한 종단간 암호화 구현 사례’를 주제로 발표를 진행하였습니다.
Recommended
Recommended
More Related Content
Viewers also liked
Viewers also liked (14)
Similar to 2016 W3C Conference #6 : ReactiveX + Meteor 종단간 암호화 구현 사례
Similar to 2016 W3C Conference #6 : ReactiveX + Meteor 종단간 암호화 구현 사례 (20)
2016 W3C Conference #6 : ReactiveX + Meteor 종단간 암호화 구현 사례
- 3. 여러분에게 3
- 7. 역시 Meteor 7
- 8. Meteor란? 8
- 17. 17
- 18. 예를 들면 18
- 24. function 으로 맛보기 (coffee/ecma6) a = 1 b = 2 c = a + b c 3 a = 3 c 3 a = -> 1 b = -> 2 c = -> a() + b() c() 3 a = -> 3 c() 5 a = ()=> 1 b = ()=> 2 c = ()=> a() + b() c() 3 a = ()=> 3 c() 5 24
- 29. Meteor ReactiveCode /* reactive datasource 인 ReactiveVar를 선언 */ let someValue = new ReactiveVar(); /* Reactive Computation. 변경이 일어나면 console.log에 출력 */ Tracker.autorun(()=>console.log(someValue.get())); /* reactive datasource의 변경 */ someValue.set("Hello"); > Hello someValue.set("Hello"); /* 변경이 일어나지 않으면 Reactive Computation도 일어나지 않는다 */ 29
- 30. 하지만 30
- 32. 실시간 어플리케이션 32
- 34. 변경 동기화 34
- 35. DB 저장 35
- 36. DB 변경 감지 36
- 37. 변경 전달 37
- 44. DB 적용 44
- 45. 변경 감지 45
- 46. subscribe 전송 46
- 48. Telegram 망명사태 48
- 51. 어떻게? 51
- 53. 직접 해봅시다! 53
- 55. 암호화 복호화 55
- 61. 그렇다면 61
- 67. PROFIT! 쬲 67
- 70. client meteor server meteor mongoDB sub pKey 1. 대화방 진입 sub pKey sub room sub room userB userA 70
- 82. 최고다 리액티브짱! 82
- 83. Mobile 83
- 84. 쉽게 갈까요? 84
- 85. 아니오 85
- 86. 얜 못 믿겠는데요 86
- 87. Native로 갑시다 87
- 88. 하지만... 88
- 91. RectiveX 91
- 93. 93
- 94. 94
- 95. 누가 만들었나? 95
- 97. 97
- 103. 갑시다 Native! 103
- 104. 큰그림 104
- 105. WebSocket DDP Rx 105
- 107. RxDDP login packet example method$ = WebSocketResponseObservable.filter o-> o.msg is 'result' collection$ = WebSocketResponseObservable.filter o-> o.collection 14:44:42.660 {"msg":"method","method":"login","params": [{"resume":"3MFpDmTtUXXkmKR5JJ0OUJODb_O19BzFXcLRu0JIqmd"}] ,"id":"1"} 14:44:42.827 a {"msg":"added","collection":"users","id":"pJdkcRjHTGmKzE9hv"} 14:44:42.829 a {"msg":"changed","collection":"users","id":"pJdkcRjHTGmKzE9hv", "fields":{ "emails":[{"address":"jhee@appsoulute.com","verified":false}] }} 14:44:42.830 a {"msg":"updated","methods":["1"]} 14:44:42.842 a {"msg":"result","id":"1","result":{ "id":"pJdkcRjHTGmKzE9hv", "token":"3MFpDmTtUXXkmKR5JJ0OUJODb_O19BzFXcLRu0JIqmd", "tokenExpires":{"$date":1484372528136} }} 107
- 110. Login의 경우 1. local에서 Unique ID를 생성 (method ID) 2. Login method를 method ID와 함께 call함 3. methodObservable 중 method ID로 필터 4. 3을 subscribe 하고 onNext일때 메인 화면 이동 /* login Method call */ {"msg":"method","method":"login","params":[ {"user":{"username":"admin"},"password": {"digest":"ㄹㄹㄹㄹ","algorithm":"sha-256"}}], "id":"1"} /* result */ {"msg":"result","id":"1","result":{ "id":"kx4SooGR5avtZDWJN", "token":"ZMUvf03-buGVnblochaafOi1-BCrGcIoCMf9Buo9l4p", "tokenExpires":{"$date":1488373375267} }} 110
- 111. Logout의 경우 1. login에서 받은 자신의 userId를 알고 있음 2. usersObservable중 id가 userId인 것을 필터 3. 자신의 id가 removed 일때 logout 처리 (result와 무관) 4. 현재 화면 위치와 상관없이 logout 처리가 가능! 같은 사용자가 다른 장비로 동시 접속시 처리 /* Logout method call */ {"msg":"method","method":"logout","params":[],"id":"2"} /* subscribed collection */ {"msg":"removed","collection":"users","id":"kx4SooGR5avtZDWJN"} /* result of method */ {"msg":"method","method":"logout","params":[],"id":"2"} 111
- 112. 유용한 Rx Pattern 112
- 114. Debounce 연타방지 114
- 121. 이정도로 시작해도 좋아요 <3 121
- 123. 결론 123
- 124. 실시간 프로그래밍은 어렵다 124
- 132. 고맙습니다 Thank you 132