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.
모바일&클라우드
 시대를준비하는
 개발자들을
 위한
 안내서The
 World
 Wide
 Web:
 Past,
 Present
 and
 FutureKT
 Hitel
 Corp.
 /
 장동수
 /
 @iolothebard                                                                                                             ...
WEB
 1.0    A
 NEW
 HOPE                                                                                   2
Web
 1.0
 -
 Read
 Only
 Web·HTML
 ~3.x·HTTP
 ~1.0·CGI·극도로
 제한된
 자바“스크립트”·사용자
 인터랙션
 거의
 없음                                                                                                                       ...
Web
 1.0
 -
 Read
 Only
 Web                                                                                                                      ...
Web
Upcoming SlideShare
Loading in …5
×

웹2.0 이후의 기술 동향 - 포스트웹2.0을 준비하는 개발자들을 위한 안내서

1,189 views

Published on

Published in: Technology, Business
  • Be the first to comment

  • Be the first to like this

웹2.0 이후의 기술 동향 - 포스트웹2.0을 준비하는 개발자들을 위한 안내서

  1. 1. 모바일&클라우드
  2. 2.  시대를준비하는
  3. 3.  개발자들을
  4. 4.  위한
  5. 5.  안내서The
  6. 6.  World
  7. 7.  Wide
  8. 8.  Web:
  9. 9.  Past,
  10. 10.  Present
  11. 11.  and
  12. 12.  FutureKT
  13. 13.  Hitel
  14. 14.  Corp.
  15. 15.  /
  16. 16.  장동수
  17. 17.  /
  18. 18.  @iolothebard 1
  19. 19. WEB
  20. 20.  1.0 A
  21. 21.  NEW
  22. 22.  HOPE 2
  23. 23. Web
  24. 24.  1.0
  25. 25.  -
  26. 26.  Read
  27. 27.  Only
  28. 28.  Web·HTML
  29. 29.  ~3.x·HTTP
  30. 30.  ~1.0·CGI·극도로
  31. 31.  제한된
  32. 32.  자바“스크립트”·사용자
  33. 33.  인터랙션
  34. 34.  거의
  35. 35.  없음 3
  36. 36. Web
  37. 37.  1.0
  38. 38.  -
  39. 39.  Read
  40. 40.  Only
  41. 41.  Web 4
  42. 42. Web
  43. 43.  1.0
  44. 44.  -
  45. 45.  Read
  46. 46.  Only
  47. 47.  Web 5
  48. 48. Web
  49. 49.  1.0
  50. 50.  -
  51. 51.  Read
  52. 52.  Only
  53. 53.  Web 6
  54. 54. WEB
  55. 55.  2.0THE
  56. 56.  ANONYMOUS
  57. 57.  STRIKES
  58. 58.   BACK 7
  59. 59. Web
  60. 60.  2.0
  61. 61.  -
  62. 62.  Read/Write
  63. 63.  Web·HTML
  64. 64.  4.0~,
  65. 65.  DHTML,
  66. 66.  XHTML,
  67. 67.  CSS·HTTP
  68. 68.  1.1
  69. 69.  with
  70. 70.  “AJAX”·“거시기”
  71. 71.  서버
  72. 72.  페이지·여전히
  73. 73.  보조적인
  74. 74.  “glue”
  75. 75.  자바스크립트·제한된
  76. 76.  사용자
  77. 77.  인터랙션 8
  78. 78. Web
  79. 79.  2.0
  80. 80.  -
  81. 81.  Read/Write
  82. 82.  Web 9
  83. 83. Web
  84. 84.  2.0
  85. 85.  -
  86. 86.  Read/Write
  87. 87.  Web 10
  88. 88. POST WEB
  89. 89.  2.0RETURN
  90. 90.  OF
  91. 91.  THE
  92. 92.  JOBS 11
  93. 93. 포스트
  94. 94.  웹2.0Web
  95. 95.  2.0
  96. 96.  is
  97. 97.  a
  98. 98.  marketing
  99. 99.  term,
  100. 100.  and
  101. 101.  I
  102. 102.  think
  103. 103.  you’ve
  104. 104.  just
  105. 105.  invented
  106. 106.  Web
  107. 107.  3.0.
  108. 108.  But
  109. 109.  if
  110. 110.  I
  111. 111.  were
  112. 112.  to
  113. 113.  guess
  114. 114.  what
  115. 115.  Web
  116. 116.  3.0
  117. 117.  is,
  118. 118.  I
  119. 119.  would
  120. 120.  tell
  121. 121.  you
  122. 122.  that
  123. 123.  it’s
  124. 124.  a
  125. 125.  different
  126. 126.  way
  127. 127.  of
  128. 128.  building
  129. 129.  applications…⋯
  130. 130.  My
  131. 131.  prediction
  132. 132.  would
  133. 133.  be
  134. 134.  that
  135. 135.  Web
  136. 136.  3.0
  137. 137.  will
  138. 138.  ultimately
  139. 139.  be
  140. 140.  seen
  141. 141.  as
  142. 142.  applications
  143. 143.  which
  144. 144.  are
  145. 145.  pieced
  146. 146.  together.There
  147. 147.  are
  148. 148.  a
  149. 149.  number
  150. 150.  of
  151. 151.  characteristics:
  152. 152.  the
  153. 153.  applications
  154. 154.  are
  155. 155.  relatively
  156. 156.  small,
  157. 157.  the
  158. 158.  data
  159. 159.  is
  160. 160.  in
  161. 161.  the
  162. 162.  cloud,
  163. 163.  the
  164. 164.  applications
  165. 165.  can
  166. 166.  run
  167. 167.  on
  168. 168.  any
  169. 169.  device,
  170. 170.  PC
  171. 171.  or
  172. 172.  mobile
  173. 173.  phone,
  174. 174.  the
  175. 175.  applications
  176. 176.  are
  177. 177.  very
  178. 178.  fast
  179. 179.  and
  180. 180.  they’re
  181. 181.  very
  182. 182.  customizable.
  183. 183.  Furthermore,
  184. 184.  the
  185. 185.  applications
  186. 186.  are
  187. 187.  distributed
  188. 188.  virally:
  189. 189.  literally
  190. 190.  by
  191. 191.  social
  192. 192.  networks,
  193. 193.  by
  194. 194.  email.
  195. 195.  You
  196. 196.  won’t
  197. 197.  go
  198. 198.  to
  199. 199.  the
  200. 200.  store
  201. 201.  and
  202. 202.  purchase
  203. 203.  them…⋯
  204. 204.  That’s
  205. 205.  a
  206. 206.  very
  207. 207.  different
  208. 208.  application
  209. 209.  model
  210. 210.  than
  211. 211.  we’ve
  212. 212.  ever
  213. 213.  seen
  214. 214.  in
  215. 215.  computing. Eric
  216. 216.  Schmidt,
  217. 217.  Seoul
  218. 218.  Digital
  219. 219.  Forum
  220. 220.  2007 http://blog.databanq.com/digital-media/what-is-web-30/ 12
  221. 221. 포스트
  222. 222.  웹2.0 People
  223. 223.  keep
  224. 224.  asking
  225. 225.  what
  226. 226.  Web
  227. 227.  3.0
  228. 228.  is.
  229. 229.  I
  230. 230.  think
  231. 231.   maybe
  232. 232.  when
  233. 233.  you’ve
  234. 234.  got
  235. 235.  an
  236. 236.  overlay
  237. 237.  of
  238. 238.   scalable
  239. 239.  vector
  240. 240.  graphics
  241. 241.  ­–
  242. 242.  everything
  243. 243.  rippling
  244. 244.   and
  245. 245.  folding
  246. 246.  and
  247. 247.  looking
  248. 248.  misty
  249. 249.  ­–
  250. 250.  on
  251. 251.  Web
  252. 252.  2.0
  253. 253.   and
  254. 254.  access
  255. 255.  to
  256. 256.  a
  257. 257.  semantic
  258. 258.  Web
  259. 259.  integrated
  260. 260.   across
  261. 261.  a
  262. 262.  huge
  263. 263.  space
  264. 264.  of
  265. 265.  data,
  266. 266.  you’ll
  267. 267.  have
  268. 268.   access
  269. 269.  to
  270. 270.  an
  271. 271.  unbelievable
  272. 272.  data
  273. 273.  resource.Tim
  274. 274.  Berners-Lee,
  275. 275.  In
  276. 276.  May
  277. 277.  2006http://blog.databanq.com/digital-media/what-is-web-30/ 13
  278. 278. 포스트
  279. 279.  웹2.0Web
  280. 280.  2.0
  281. 281.  is
  282. 282.  well
  283. 283.  documented
  284. 284.  and
  285. 285.  talked
  286. 286.  about.
  287. 287.  The
  288. 288.  power
  289. 289.  of
  290. 290.  the
  291. 291.  Net
  292. 292.  reached
  293. 293.  a
  294. 294.  critical
  295. 295.  mass,
  296. 296.  with
  297. 297.  capabilities
  298. 298.  that
  299. 299.  can
  300. 300.  be
  301. 301.  done
  302. 302.  on
  303. 303.  a
  304. 304.  network
  305. 305.  level.
  306. 306.  We
  307. 307.  are
  308. 308.  also
  309. 309.  seeing
  310. 310.  richer
  311. 311.  devices
  312. 312.  over
  313. 313.  last
  314. 314.  four
  315. 315.  years
  316. 316.  and
  317. 317.  richer
  318. 318.  ways
  319. 319.  of
  320. 320.  interacting
  321. 321.  with
  322. 322.  the
  323. 323.  network,
  324. 324.  not
  325. 325.  only
  326. 326.  in
  327. 327.  hardware
  328. 328.  like
  329. 329.  game
  330. 330.  consoles
  331. 331.  and
  332. 332.  mobile
  333. 333.  devices,
  334. 334.  but
  335. 335.  also
  336. 336.  in
  337. 337.  the
  338. 338.  software
  339. 339.  layer.
  340. 340.  You
  341. 341.  don’t
  342. 342.  have
  343. 343.  to
  344. 344.  be
  345. 345.  a
  346. 346.  computer
  347. 347.  scientist
  348. 348.  to
  349. 349.  create
  350. 350.  a
  351. 351.  program.
  352. 352.  We
  353. 353.  are
  354. 354.  seeing
  355. 355.  that
  356. 356.  manifest
  357. 357.  in
  358. 358.  Web
  359. 359.  2.0
  360. 360.  and
  361. 361.  3.0
  362. 362.  will
  363. 363.  be
  364. 364.  a
  365. 365.  great
  366. 366.  extension
  367. 367.  of
  368. 368.  that,
  369. 369.  a
  370. 370.  true
  371. 371.  communal
  372. 372.  medium…⋯
  373. 373.  the
  374. 374.  distinction
  375. 375.  between
  376. 376.  professional,
  377. 377.  semi-professional
  378. 378.  and
  379. 379.  consumers
  380. 380.  will
  381. 381.  get
  382. 382.  blurred,
  383. 383.  creating
  384. 384.  a
  385. 385.  network
  386. 386.  effect
  387. 387.  of
  388. 388.  business
  389. 389.  and
  390. 390.  applications. Jerry
  391. 391.  Yang,
  392. 392.  Technet
  393. 393.  Summit
  394. 394.  in
  395. 395.  November
  396. 396.  2006 http://blog.databanq.com/digital-media/what-is-web-30/ 14
  397. 397. 포스트
  398. 398.  웹2.0 Web
  399. 399.  1.0
  400. 400.  was
  401. 401.  dial-up,
  402. 402.  50K
  403. 403.  average
  404. 404.   bandwidth,
  405. 405.  Web
  406. 406.  2.0
  407. 407.  is
  408. 408.  an
  409. 409.  average
  410. 410.  1
  411. 411.   megabit
  412. 412.  of
  413. 413.  bandwidth
  414. 414.  and
  415. 415.  Web
  416. 416.  3.0
  417. 417.  will
  418. 418.  be
  419. 419.   10
  420. 420.  megabits
  421. 421.  of
  422. 422.  bandwidth
  423. 423.  all
  424. 424.  the
  425. 425.  time,
  426. 426.   which
  427. 427.  will
  428. 428.  be
  429. 429.  the
  430. 430.  full
  431. 431.  video
  432. 432.  Web,
  433. 433.  and
  434. 434.  that
  435. 435.   will
  436. 436.  feel
  437. 437.  like
  438. 438.  Web
  439. 439.  3.0.Reed
  440. 440.  Hastings,
  441. 441.  Technet
  442. 442.  Summit
  443. 443.  in
  444. 444.  November
  445. 445.  2006http://blog.databanq.com/digital-media/what-is-web-30/ 15
  446. 446. 포스트
  447. 447.  웹2.0With
  448. 448.  more
  449. 449.  users
  450. 450.  and
  451. 451.  sensors
  452. 452.  feeding
  453. 453.  more
  454. 454.  appli-
  455. 455.  cations
  456. 456.  and
  457. 457.  platforms,
  458. 458.  developers
  459. 459.  are
  460. 460.  able
  461. 461.  to
  462. 462.  tackle
  463. 463.  serious
  464. 464.  real-world
  465. 465.  problems.
  466. 466.  As
  467. 467.  a
  468. 468.  result,
  469. 469.  the
  470. 470.  Web
  471. 471.  opportunity
  472. 472.  is
  473. 473.  no
  474. 474.  longer
  475. 475.  growing
  476. 476.  arithmetically;
  477. 477.  it’s
  478. 478.  growing
  479. 479.  exponentially.
  480. 480.  Hence
  481. 481.  our
  482. 482.  theme
  483. 483.  for
  484. 484.  this
  485. 485.  year:
  486. 486.  Web
  487. 487.  Squared.
  488. 488.  1990­–2004
  489. 489.  was
  490. 490.  the
  491. 491.  match
  492. 492.  being
  493. 493.  struck;
  494. 494.  2005­–2009
  495. 495.  was
  496. 496.  the
  497. 497.  fuse;
  498. 498.  and
  499. 499.  2010
  500. 500.  will
  501. 501.  be
  502. 502.  the
  503. 503.  explosion.Ever
  504. 504.  since
  505. 505.  we
  506. 506.  first
  507. 507.  introduced
  508. 508.  the
  509. 509.  term
  510. 510.  “Web
  511. 511.  2.0,”
  512. 512.  people
  513. 513.  have
  514. 514.  been
  515. 515.  asking,
  516. 516.  “What’s
  517. 517.  next?”
  518. 518.  Assuming
  519. 519.  that
  520. 520.  Web
  521. 521.  2.0
  522. 522.  was
  523. 523.  meant
  524. 524.  to
  525. 525.  be
  526. 526.  a
  527. 527.  kind
  528. 528.  of
  529. 529.  software
  530. 530.  version
  531. 531.  number
  532. 532.  (rather
  533. 533.  than
  534. 534.  a
  535. 535.  statement
  536. 536.  about
  537. 537.  the
  538. 538.  second
  539. 539.  coming
  540. 540.  of
  541. 541.  the
  542. 542.  Web
  543. 543.  after
  544. 544.  the
  545. 545.  dotcom
  546. 546.  bust),
  547. 547.  we’re
  548. 548.  constantly
  549. 549.  asked
  550. 550.  about
  551. 551.  “Web
  552. 552.  3.0.”
  553. 553.  Is
  554. 554.  it
  555. 555.  the
  556. 556.  semantic
  557. 557.  web?
  558. 558.  The
  559. 559.  sentient
  560. 560.  web?
  561. 561.  Is
  562. 562.  it
  563. 563.  the
  564. 564.  social
  565. 565.  web?
  566. 566.  The
  567. 567.  mobile
  568. 568.  web?
  569. 569.  Is
  570. 570.  it
  571. 571.  some
  572. 572.  form
  573. 573.  of
  574. 574.  virtual
  575. 575.  reality?
  576. 576.  It
  577. 577.  is
  578. 578.  all
  579. 579.  of
  580. 580.  those,
  581. 581.  and
  582. 582.  more. Tim
  583. 583.  O’Reilly
  584. 584.  /
  585. 585.  Web
  586. 586.  2.0
  587. 587.  Summit
  588. 588.  2009 http://www.web2summit.com/web2009/public/schedule/detail/10194 16
  589. 589. 포스트
  590. 590.  웹2.0 Simon
  591. 591.  says...·Web
  592. 592.  as
  593. 593.  a
  594. 594.  Platform·Semantic
  595. 595.  Web·Ubiquitous
  596. 596.  Web·Real-time
  597. 597.  Web·Web
  598. 598.  [Web
  599. 599.  Squared] 2·...
  600. 600.  or
  601. 601.  something? 17
  602. 602. MOBILE
  603. 603.  
  604. 604.   SOCIAL Social
  605. 605.  +
  606. 606.  Mobile Appstore N-ScreenReal-time
  607. 607.  
  608. 608.  Big
  609. 609.  Data 18
  610. 610. T.G.I.F 19
  611. 611. 소셜 20
  612. 612. 모바일 21
  613. 613. 앱스토어 22
  614. 614. N-스크린 App Book News Voice Music Movie Game 절반이상의
  615. 615.  미국인이
  616. 616.  3개
  617. 617.  이상의
  618. 618.  Device
  619. 619.  로
  620. 620.  같은
  621. 621.  컨텐츠를
  622. 622.  보고
  623. 623.  있다Computer Smartphone Tablet Game
  624. 624.  Console TV Source:
  625. 625.  
  626. 626.  A TT
  627. 627.  Consumer
  628. 628.  S urvey
  629. 629.  (
  630. 630.  conducted
  631. 631.  b y
  632. 632.  B urke,
  633. 633.  D ec
  634. 634.  2010
  635. 635.  ) 23
  636. 636. 리얼타임
  637. 637.  
  638. 638.  빅데이터 24
  639. 639. CLOUD
  640. 640.  COMPUTING SaaS PaaS IaaS Hadoop
  641. 641.  
  642. 642.  MapReduce NoSQL 25
  643. 643. 클라우드
  644. 644.  컴퓨팅
  645. 645.  분류제공 고객 Public
  646. 646.  Cloud Private
  647. 647.  Cloud Software
  648. 648.  as
  649. 649.  a
  650. 650.  Service(SaaS) IBM,
  651. 651.  HP,
  652. 652.  Oracle/SUN,
  653. 653.  Redhat,
  654. 654.  EMC,
  655. 655.  Dell,
  656. 656.  ...서비스 개인 Hadoop,
  657. 657.  3Tera,
  658. 658.  Xen,
  659. 659.  VMware,
  660. 660.  NexR
  661. 661.  VCC,
  662. 662.   Eucalyptus,
  663. 663.  Enomaly,
  664. 664.  ECP,
  665. 665.  OpenNebula,
  666. 666.  ... 클라우드
  667. 667.  서비스/애플리케이션 Cloud
  668. 668.  Computing
  669. 669.  Software + + Apple
  670. 670.  MobileMe,
  671. 671.  Google
  672. 672.  Apps,
  673. 673.  인프라 기업 Enterprise
  674. 674.  Computing Salesforce.com
  675. 675.  Apps,
  676. 676.  Nokia
  677. 677.  Ovi,
  678. 678.  ...개발환경 Platform
  679. 679.  as
  680. 680.  a
  681. 681.  Service(PaaS) + 기업 클라우드
  682. 682.  플랫폼 Google
  683. 683.  App
  684. 684.  Engine,
  685. 685.  force.com,
  686. 686.  MS
  687. 687.  Azure,
  688. 688.  인프라 Facebook
  689. 689.  F8,
  690. 690.  OpenShift,
  691. 691.  CloudFoundry,
  692. 692.  ... Infrastructure
  693. 693.  as
  694. 694.  a
  695. 695.  Service(IaaS)인프라 기업 클라우드
  696. 696.  인프라스트럭쳐 Amazon
  697. 697.  S3EC2,
  698. 698.  Joyent,
  699. 699.  GoGrid,
  700. 700.  ATT,
  701. 701.  ... 출처: 한재선, Cloud Computing 개요 및 기술, NexR, 2009 26
  702. 702. Amazon
  703. 703.  Web
  704. 704.  Services(AWS) 사용자
  705. 705.  서비스/애플리케이션 모니터링 관리 도구 네트워킹 Amazon
  706. 706.   Amazon
  707. 707.  Management
  708. 708.   AWS
  709. 709.  Toolkit
  710. 710.  for
  711. 711.  Eclipse Virtual
  712. 712.  Private
  713. 713.  Cloud CloudWatch Console AWS
  714. 714.  SDK
  715. 715.  for
  716. 716.  Java,
  717. 717.  PHP,
  718. 718.   Route
  719. 719.  53(DNS) Amazon
  720. 720.  Elastic
  721. 721.  Beanstalk Ruby,
  722. 722.  Pythoh,
  723. 723.  .NET Amazon
  724. 724.  Elastic
  725. 725.  IP 병렬처리 컨텐츠
  726. 726.  전송(CDN) 메세징Amazon
  727. 727.  Elastic
  728. 728.  MapReduce Amazon
  729. 729.  CloudFront Amazon
  730. 730.  Simple
  731. 731.  Queue
  732. 732.  Service(SQS) Amazon
  733. 733.  Simple
  734. 734.  Notification
  735. 735.  Service(SNS) Amazon
  736. 736.  Simple
  737. 737.  Email
  738. 738.  Service(SES) 컴퓨팅 저장소 데이터베이스Amazon
  739. 739.  Elastic
  740. 740.  Computing
  741. 741.  Cloud(EC2) Amazon
  742. 742.  Simple
  743. 743.  Storage
  744. 744.  Service(S3) Amazon
  745. 745.  RDS -
  746. 746.  Elastic
  747. 747.  Load
  748. 748.  Balancing -
  749. 749.  AWS
  750. 750.  Import/Export Amazon
  751. 751.  SimpleDB -
  752. 752.  Auto
  753. 753.  Scaling Amazon
  754. 754.  DynamoDB Identity
  755. 755.  and
  756. 756.  Access
  757. 757.  Management Metering
  758. 758.  and
  759. 759.  Billing 27
  760. 760. Hadoop Pig HIVE Column-based
  761. 761.  NoSQL
  762. 762.  Database Data
  763. 763.  Flow SQL HBASE Map/Reduce Distribute
  764. 764.  Programming
  765. 765.  Framework Zookeeper Management CoordinationAmbari HCatalog Table
  766. 766.  
  767. 767.  Schema
  768. 768.  Management HDFS Distributed
  769. 769.  File
  770. 770.  System 28
  771. 771. NoSQL 29
  772. 772. WEB
  773. 773.  as
  774. 774.  a
  775. 775.  PLATFORM HTML5 CSS3 JavaScript Responsive
  776. 776.  Web
  777. 777.  Design Web
  778. 778.  App Hybrid
  779. 779.  App 30
  780. 780. HTML5 HTML5* Web
  781. 781.  Development
  782. 782.  to
  783. 783.  the
  784. 784.  next
  785. 785.  level *
  786. 786.  웹기술만으로
  787. 787.  네이티브
  788. 788.  애플리케이션
  789. 789.  수준의
  790. 790.  웹
  791. 791.  애플리케이션을
  792. 792.  개발*
  793. 793.  과거
  794. 794.  HTML
  795. 795.  호환성을
  796. 796.  유지하면서
  797. 797.  실제
  798. 798.  개발
  799. 799.  시
  800. 800.  어려웠던
  801. 801.  문제들을
  802. 802.  해결 HTML5 ~= HTML + CSS + JS API 31
  803. 803. HTML5 Offline Device 3D , 2D Performance Semantics Multi Media Connectivity CSS3 Storage Access Graphics Effects Integration 32
  804. 804. HTML5•HTML5
  805. 805.  스펙
  806. 806.  너무
  807. 807.  어려워요!
  808. 808.  게다가
  809. 809.  영어!✓
  810. 810.  한글
  811. 811.  HTML5
  812. 812.  스펙
  813. 813.  
  814. 814.  ➠
  815. 815.  
  816. 816.  http://j.mp/html5ko
  817. 817.  by
  818. 818.  ClearBoth.org•그래도
  819. 819.  내용이
  820. 820.  너무
  821. 821.  많은
  822. 822.  데요
  823. 823.  ?✓
  824. 824.  웹
  825. 825.  개발자를
  826. 826.  위한
  827. 827.  최소스펙
  828. 828.  ➠
  829. 829.  
  830. 830.  http://j.mp/html5devel•튜토리얼
  831. 831.  
  832. 832.  프리젠테이션
  833. 833.  은
  834. 834.  없나요
  835. 835.  ?✓
  836. 836.  Google
  837. 837.  의
  838. 838.  선물
  839. 839.  ➠
  840. 840.  
  841. 841.  http://www.html5rocks.com/•그
  842. 842.  외에
  843. 843.  꼭
  844. 844.  추천해주실
  845. 845.  사이트는
  846. 846.  ?✓실전
  847. 847.  HTML5
  848. 848.  가이드
  849. 849.  (
  850. 850.  한글
  851. 851.  PDF
  852. 852.  )
  853. 853.  ➠
  854. 854.  
  855. 855.  http://j.mp/html5guide_ko✓Dive
  856. 856.  Into
  857. 857.  HTML5
  858. 858.  
  859. 859.  ➠
  860. 860.  
  861. 861.  http://diveintohtml5.org/ 33
  862. 862. Responsive
  863. 863.  Web
  864. 864.  Design • http://www.alistapart.com/articles/responsive-web-design/ • Screen Size / Platform / Orientation 에 반응 • CSS3 Media Query , Flexible Grid Layout • Guideline for R-W-D : http://j.mp/eWEYIJPhone Tablet Netbook / Tablet Desktop 34
  865. 865.
  866. 866.  앱•
  867. 867.  웹
  868. 868.  브라우저에서
  869. 869.  실행•
  870. 870.  Reading
  871. 871.  ➠
  872. 872.  
  873. 873.  
  874. 874.  
  875. 875.  
  876. 876.  
  877. 877.  
  878. 878.  Interaction
  879. 879.  with
  880. 880.  Audio/Video/Animation•
  881. 881.  데스크탑
  882. 882.  소프트웨어
  883. 883.  수준의
  884. 884.  사용자
  885. 885.  경험
  886. 886.  (UX)•
  887. 887.  서버에서
  888. 888.  제공되므로
  889. 889.  신속한
  890. 890.  업데이트
  891. 891.  *•
  892. 892.  다양한
  893. 893.  디바이스
  894. 894.  동시
  895. 895.  지원
  896. 896.  ➠
  897. 897.  모바일 35
  898. 898. Mobile Device Server Online Web Application ✓ 기존 모바일 웹페이지 포함한 웹 앱 ✓ HTML5,CSS3 등을 통한 UI 향상 Web App UI Web Database ✓ GeoLocation 이용 Server Resources Mobile Device Server Offline Enabled Web App ✓ 오프라인에서도 사용이 가능한 웹 앱 Web ✓ 처음 접속시 주요데이타를 캐쉬App UI Local Web Database ✓ 재접속시에 서버의 데이타와 싱크 Data Server Resources Mobile Device Server Offline Web App ✓ 계속 오프라인으로 사용가능한 앱 Web ✓ 서버와의 동기화를 필요로 하지 않음App UI Local Web ✓ 게임, 유틸리티, 개인정보 앱, EBook Data Server Mobile Device Server Hybrid Web App App Web ✓ Native + Web 형태의 앱Store App Web Database ✓ 앱스토어를 통한 다운로드 가능 UI Local Data Server Resources ✓ Native 수준의 다양한 앱 작성 가능 36
  899. 899. 하이브리드
  900. 900.  앱•Native
  901. 901.  App
  902. 902.  +
  903. 903.  Web
  904. 904.  App Device OS Hybrid framework 하나의
  905. 905.  웹소스로
  906. 906.  모든
  907. 907.  디바이스
  908. 908.  동시지원 Web Browser Web
  909. 909.  으로는

×