1. Vert.x

3. Socket.IO
이해

4. 및

5. 활용
13년 7월 12일 금요일

6. 백기선
NBP

7. /

8. 서비스플랫폼센터

9. /

10. 웹플랫폼개발랩
-

11. (현)

13. YOBI

14. 개발
-

15. RTCS2

16. Cloud

17. 개발
✔

18. 발표자
-

19. 사내

20. 스프링

21. 교육
13년 7월 12일 금요일

22. ✔

23. 목차
1.

24. Vert.x

25. 소개

27. :

28. Vert.x란

29. 무엇인가?

31. :

32. Vert.x

33. 주요

34. 개념

35.
2.

36. Vert.x

37. 프로그래밍

39. :

40. Hello

41. Vert.x

43. :

44. HttpServer

46. HttpClient

48. :

49. EventBus
3.

50. Socket.io

51. 소개

53. :

54. Socket.io란

55. 무엇인가?

57. :

58. Vert.x

59. 기반

60. Socket.io

61.
4.

62. Socket.io

63. 프로그래밍

65. :

66. 메시지와

67. 이벤트

68. 주고받기

70. :

71. 인증

73. :

74. 네임스페이스

75. 사용하기
13년 7월 12일 금요일

76. Vert.x

77. 소개
13년 7월 12일 금요일

78. Vert.x

79. :

80. What

81. is

82. vert.x?
✔

83. Vert.x는

84. 매우

85. 쉽게

86. 확장

87. 가능한

88. 차세대

89. 비동기

90. 애플
리케이션

91. 개발

92. 플랫폼
JVM
Vert.x
java js rb py ...
Netty Hazelcast
13년 7월 12일 금요일

93. Vert.x

94. :

95. Tim

96. Fox
✔

97. Tim

98. Fox

100. :

101. creator

102. of

103. the

104. Vert.x

106. :

107. Red

108. Hat

109. (now)

111. :

112. VMWare

113. /

114. SpringSource

116. :

117. creator

118. of

119. the

120. HornetQ

122. :

123. worked

124. with

125. the

126. RabbitMQ
13년 7월 12일 금요일

127. Vert.x

128. :

129. Github/vert-x/vert.x
13년 7월 12일 금요일

130. Commit
1000+
Star
2243
Fork
422
Vert.x

131. :

132. Github/vert-x/vert.x
13년 7월 12일 금요일

133. Vert.x

134. :

135. Core

136. Concepts

137. ::

138. Verticle
Verticlepublic

139. class

140. App

141. extends
✔

142. vert.x에

143. 배포

144. 가능한

145. 애플리케이션

146. 단위.
~ vertx run App.java
Vert.x
V
13년 7월 12일 금요일

147. Vert.x

148. :

149. Core

150. Concepts

151. ::

152. Vert.x

153. Instance
✔

154. Verticle을

155. 개별적인

156. 클래스로더를

157. 사용하여

158. 실행해
주며,

159. 손쉽게

160. 클러스터로

161. 구성할

162. 수

163. 있다.
Vert.x
V V V
Vert.x
V V V
Vert.x Vert.x
V V V V V V
13년 7월 12일 금요일

164. Vert.x

165. :

166. Core

167. Concepts

168. ::

169. Polyglot
✔

170. 다양한

171. 언어로

172. Verticle을

173. 작성할

174. 수

175. 있다.
~ vertx run app.js
load('vertx.js')
var

176. server

177. =

178. vertx.createNetServer();
server.connectHandler(function(sock)

179. {

181. new

182. vertx.Pump(sock,

183. sock).start();
}).listen(1234,

184. 'localhost');
function

185. vertxStop()

186. {

188. server.close();
}
require vertx
include Vertx
@server =
NetServer.new.connect_handler { |
socket|
Pump.new(socket, socket).start
}.listen(1234, 'localhost')
def vertx_stop
@server.close
end
~ vertx run app.rb
13년 7월 12일 금요일

189. Vert.x

190. :

191. Core

192. Concepts

193. ::

194. Concurrency
✔

195. Verticle

196. 인스턴스당

197. 스레드

198. 한개

199. 사용.

201. :

202. 멀티스레드

203. 프로그래밍을

204. 고려하여

205. 코딩할

206. 필요

207. 없음.

209. :

210. 즉,

211. locking이나

212. Synchronization을

213. 할

214. 필요

215. 없음.

217. :

218. 컨텍스트

219. 스위칭

220. 비용

221. 절감,

222. 스레드가

223. 소모하는

224. 메모리

225. 절약.
T1 T2 T3
Verticle

226. 1 이런 모양이
아니에요.
13년 7월 12일 금요일

227. Vert.x

228. :

229. Core

230. Concepts

231. ::

232. Concurrency
✔

233. Verticle

234. 인스턴스당

235. 스레드

236. 한개

237. 사용.

239. :

240. 멀티스레드

241. 프로그래밍을

242. 고려하여

243. 코딩할

244. 필요

245. 없음.

247. :

248. 즉,

249. locking이나

250. Synchronization을

251. 할

252. 필요

253. 없음.

255. :

256. 컨텍스트

257. 스위칭

258. 비용

259. 절감,

260. 스레드가

261. 소모하는

262. 메모리

263. 절약.
EL1 EL2 EL3
Verticle

264. 1 Verticle

265. 2 Verticle

266. 3
이런 모양
입니다.
13년 7월 12일 금요일

267. Vert.x

268. :

269. Core

270. Concepts

271. ::

272. Event-based

273. Programming

274. Model
✔

275. 이벤트

276. 기반

277. 프로그래밍

278. 모델

279. 제공.

281. :

282. 이벤트

283. 핸들러

284. 등록과

285. 이벤트(+메시지)

286. 전송

287. 프로그래밍

288. 제공.

290. :

291. 소켓.write(메시지)

292. 기능도

293. Non-blocking

294. IO로

295. 처리.

297. :

298. http://en.wikipedia.org/wiki/Asynchronous_I/O
EventBus eb = vertx.eventBus();
HandlerMessage myHandler = new HandlerMessage()
{
public void handle(Message message) {
System.out.println(I received a message
+ message.body);
}
};
eb.registerHandler(test.address, myHandler);
eb.publish(test.address, hello world);
13년 7월 12일 금요일

299. Vert.x

300. :

301. Core

302. Concepts

303. ::

304. Event

305. Loops
✔

306. Verticle마다

307. 유일하게

308. 할당되는

309. Thread.

311. :

312. Vert.x

313. 인스턴스에서

314. 여러

315. Event

316. Loop

317. 스레드를

318. 관리한다.

320. :

321. Vericle이

322. 배포되면

323. 그

324. 중

325. 한

326. 스레드를

327. Vericle에

328. 할당한다.

330. :

331. Multi-reactor pattern
출처: http://krondo.com/wp-content/uploads/2009/08/twisted-intro.html
Event Loop Run Loop Event Dispatcher
Message Dispatcher Message Pump
“The purpose of a run loop is to keep your thread
busy when there is work to do and put your
thread to sleep when there is none.” - iOS docs
13년 7월 12일 금요일

332. Vert.x

333. 프로그래밍
13년 7월 12일 금요일

334. Vert.x

335. Programming

336. :

337. Maven

338. Dependency

339. :

340. vertx-core
✔

341. org.vert-x

342. ::

343. vertx-core

345. :

346. Vert.x

347. 핵심

348. 기능을

349. 담고

350. 있는

351. 라이브러리.

353. :

354. Vert.x

355. 사용하는

356. 프로젝트에

357. 반드시

358. 추가.

360. :

361. TCP/SSL,

362. HTTP/HTTPS,

363. WebSocket,

364. Shared

365. Map/Set

366. 제공
dependency
! groupIdorg.vert-x/groupId
! artifactIdvertx-core/artifactId
! version1.3.1.final/version
/dependency
13년 7월 12일 금요일

367. Vert.x

368. Programming

369. :

370. Maven

371. Dependency

372. :

373. vertx-platform
✔

374. org.vert-x

375. ::

376. vertx-platform

378. :

379. Vert.x

380. 컨테이너

381. 기능(배포,

382. 컨텍스트)을

383. 담고

384. 있는

385. 라이브러리.

387. :

388. Embedded

389. 모드로

390. 사용할

391. 경우

392. 생략

393. 가능.

395. :

396. CLI,

397. Conatainer,

398. Deployment

399. 제공
dependency
! groupIdorg.vert-x/groupId
! artifactIdvertx-platform/artifactId
! version1.3.1.final/version
/dependency
13년 7월 12일 금요일

400. Vert.x

401. Programming

402. :

403. Demo
✔Hello

404. Vert.x
✔HttpServerHttpClient
✔Using

405. Event

406. Bus
13년 7월 12일 금요일

407. Socket.io

408. 소개
13년 7월 12일 금요일

409. Socket.io

410. :

411. http://socket.io/
✔

412. Socket.IO는

413. 전송

414. 방식을

415. 추상화하여

416. 모든

417. 브라우저
와

418. 모바일

419. 기기용

420. 실시간

421. 애플리케이션을

422. 개발을

423. 가능
케

424. 하는

425. 것이

426. 목적이다.
13년 7월 12일 금요일

427. Socket.io

428. :

429. Transports
✔

430. Supported

431. Transports

433. :

434. WebSocket

436. :

437. Flash

438. Socket

440. :

441. AJAX

442. long

443. polling

445. :

446. AJAX

447. multipart

448. streaming

450. :

451. Forever

452. Iframe

454. :

455. JSONP

456. Polling
✔

457. Supported

458. Browsers

460. :

461. IE

462. 5.5+

464. :

465. Safari

466. 3+

468. :

469. Google

470. Chrome

471. 4+

473. :

474. Firefox

475. 3+

477. :

478. Opera

479. 10.61+

481. :

482. iPhone

483. Safari

485. :

486. iPad

487. Safari

489. :

490. Android

491. Webkit

493. :

494. WebOs

495. Webkit이 모두를 동일한 API로
사용할 수 있습니다.
13년 7월 12일 금요일

496. Socket.io

497. :

498. 사용법
var
app
=
express.createServer()
,
io
=
io.listen(app);
app.listen(80);
io.sockets.on('connection',
function
(socket)
{
socket.emit('news',
{
hello:
'world'
});
socket.on('my
other
event',
function
(data)
{
console.log(data);
});
});
script
src=/socket.io/socket.io.js/script
script
var
socket
=
io.connect('http://localhost');
socket.on('news',
function
(data)
{
console.log(data);
socket.emit('my
other
event',
{
my:
'data'
});
});
/script
13년 7월 12일 금요일

499. Socket.io

500. :

501. Node.js

502. Module
~ npm install socket.io
Java

503. 구현체는?
13년 7월 12일 금요일

504. Socket.io

505. :

506. Mod-Socket-IO

507. :

508. https://github.com/keesun/mod-socket-io
✔

509. Vert.x

510. 기반

511. Socket.IO

512. 서버

513. 구현체

515. :

516. Vert.x

517. 모듈

518. 저장소에서

519. 이용

520. 가능.

522. :

523. Embedded

524. Vericle

525. 형태로

526. Spring

527. MVC

528. 애플리케이션과

529. 연동

530. 가능.

532. :

533. Cloud

534. 형태로

535. 이용할

536. 수

537. 있도록

538. 사내

539. 플랫폼

540. 개발

541. 중.
13년 7월 12일 금요일

542. Socket.io

543. 프로그래밍
13년 7월 12일 금요일

544. Socket.io

545. Programming

546. :

547. Demo
✔Sending

548. Events
✔Authorization
✔Using

549. Namespace
13년 7월 12일 금요일

550. mod-socket-io

551. 많이

552. 써주세요.
감사합니다.
https://github.com/keesun/mod-socket-io
13년 7월 12일 금요일