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

42
모바일&클라우드 시대를 준비하는 개발자들을 위한 안내서 The World Wide Web: Past, Present and Future KT Hitel Corp. / 장동수 / @iolothebard 1

Upload: dongsu-jang

Post on 01-Nov-2014

864 views

Category:

Technology


8 download

DESCRIPTION

 

TRANSCRIPT

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

모바일&클라우드����������� ������������������  시대를준비하는����������� ������������������  개발자들을����������� ������������������  위한����������� ������������������  안내서

The����������� ������������������  World����������� ������������������  Wide����������� ������������������  Web:����������� ������������������  Past,����������� ������������������  Present����������� ������������������  and����������� ������������������  Future

KT����������� ������������������  Hitel����������� ������������������  Corp.����������� ������������������  /����������� ������������������  장동수����������� ������������������  /����������� ������������������  @iolothebard

1

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

WEB����������� ������������������  1.0A����������� ������������������  NEW����������� ������������������  HOPE

2

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

·HTML����������� ������������������  ~3.x·HTTP����������� ������������������  ~1.0·CGI·극도로����������� ������������������  제한된����������� ������������������  자바“스크립트”·사용자����������� ������������������  인터랙션����������� ������������������  거의����������� ������������������  없음

Web����������� ������������������  1.0����������� ������������������  -����������� ������������������  Read����������� ������������������  Only����������� ������������������  Web

3

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

Web����������� ������������������  1.0����������� ������������������  -����������� ������������������  Read����������� ������������������  Only����������� ������������������  Web

4

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

Web����������� ������������������  1.0����������� ������������������  -����������� ������������������  Read����������� ������������������  Only����������� ������������������  Web

5

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

Web����������� ������������������  1.0����������� ������������������  -����������� ������������������  Read����������� ������������������  Only����������� ������������������  Web

6

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

WEB����������� ������������������  2.0THE����������� ������������������  ANONYMOUS����������� ������������������  STRIKES����������� ������������������  

BACK

7

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

Web����������� ������������������  2.0����������� ������������������  -����������� ������������������  Read/Write����������� ������������������  Web

·HTML����������� ������������������  4.0~,����������� ������������������  DHTML,����������� ������������������  XHTML,����������� ������������������  CSS·HTTP����������� ������������������  1.1����������� ������������������  with����������� ������������������  “AJAX”·“거시기”����������� ������������������  서버����������� ������������������  페이지·여전히����������� ������������������  보조적인����������� ������������������  “glue”����������� ������������������  자바스크립트·제한된����������� ������������������  사용자����������� ������������������  인터랙션

8

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

Web����������� ������������������  2.0����������� ������������������  -����������� ������������������  Read/Write����������� ������������������  Web

9

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

Web����������� ������������������  2.0����������� ������������������  -����������� ������������������  Read/Write����������� ������������������  Web

10

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

POSTWEB����������� ������������������  2.0

RETURN����������� ������������������  OF����������� ������������������  THE����������� ������������������  JOBS

11

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

포스트����������� ������������������  웹2.0

http://blog.databanq.com/digital-media/what-is-web-30/

Web����������� ������������������  2.0����������� ������������������  is����������� ������������������  a����������� ������������������  marketing����������� ������������������  term,����������� ������������������  and����������� ������������������  I����������� ������������������  think����������� ������������������  

you’ve����������� ������������������  just����������� ������������������  invented����������� ������������������  Web����������� ������������������  3.0.����������� ������������������  But����������� ������������������  if����������� ������������������  I����������� ������������������  were����������� ������������������  

to����������� ������������������  guess����������� ������������������  what����������� ������������������  Web����������� ������������������  3.0����������� ������������������  is,����������� ������������������  I����������� ������������������  would����������� ������������������  tell����������� ������������������  you����������� ������������������  that����������� ������������������  it’s����������� ������������������  a����������� ������������������  different����������� ������������������  way����������� ������������������  of����������� ������������������  building����������� ������������������  

applications…⋯����������� ������������������  My����������� ������������������  prediction����������� ������������������  would����������� ������������������  be����������� ������������������  that����������� ������������������  

Web����������� ������������������  3.0����������� ������������������  will����������� ������������������  ultimately����������� ������������������  be����������� ������������������  seen����������� ������������������  as����������� ������������������  

applications����������� ������������������  which����������� ������������������  are����������� ������������������  pieced����������� ������������������  together.

There����������� ������������������  are����������� ������������������  a����������� ������������������  number����������� ������������������  of����������� ������������������  characteristics:����������� ������������������  the����������� ������������������  applications����������� ������������������  are����������� ������������������  relatively����������� ������������������  small,����������� ������������������  the����������� ������������������  data����������� ������������������  is����������� ������������������  

in����������� ������������������  the����������� ������������������  cloud,����������� ������������������  the����������� ������������������  applications����������� ������������������  can����������� ������������������  run����������� ������������������  on����������� ������������������  any����������� ������������������  

device,����������� ������������������  PC����������� ������������������  or����������� ������������������  mobile����������� ������������������  phone,����������� ������������������  the����������� ������������������  

applications����������� ������������������  are����������� ������������������  very����������� ������������������  fast����������� ������������������  and����������� ������������������  they’re����������� ������������������  very����������� ������������������  

customizable.����������� ������������������  Furthermore,����������� ������������������  the����������� ������������������  applications����������� ������������������  are����������� ������������������  distributed����������� ������������������  virally:����������� ������������������  literally����������� ������������������  by����������� ������������������  social����������� ������������������  

networks,����������� ������������������  by����������� ������������������  email.����������� ������������������  You����������� ������������������  won’t����������� ������������������  go����������� ������������������  to����������� ������������������  the����������� ������������������  

store����������� ������������������  and����������� ������������������  purchase����������� ������������������  them…⋯����������� ������������������  That’s����������� ������������������  a����������� ������������������  very����������� ������������������  

different����������� ������������������  application����������� ������������������  model����������� ������������������  than����������� ������������������  we’ve����������� ������������������  ever����������� ������������������  

seen����������� ������������������  in����������� ������������������  computing.

Eric����������� ������������������  Schmidt,����������� ������������������  Seoul����������� ������������������  Digital����������� ������������������  Forum����������� ������������������  2007

12

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

포스트����������� ������������������  웹2.0

http://blog.databanq.com/digital-media/what-is-web-30/

People����������� ������������������  keep����������� ������������������  asking����������� ������������������  what����������� ������������������  Web����������� ������������������  3.0����������� ������������������  is.����������� ������������������  I����������� ������������������  think����������� ������������������  

maybe����������� ������������������  when����������� ������������������  you’ve����������� ������������������  got����������� ������������������  an����������� ������������������  overlay����������� ������������������  of����������� ������������������  

scalable����������� ������������������  vector����������� ������������������  graphics����������� ������������������  ­–����������� ������������������  everything����������� ������������������  rippling����������� ������������������  

and����������� ������������������  folding����������� ������������������  and����������� ������������������  looking����������� ������������������  misty����������� ������������������  ­–����������� ������������������  on����������� ������������������  Web����������� ������������������  2.0����������� ������������������  

and����������� ������������������  access����������� ������������������  to����������� ������������������  a����������� ������������������  semantic����������� ������������������  Web����������� ������������������  integrated����������� ������������������  

across����������� ������������������  a����������� ������������������  huge����������� ������������������  space����������� ������������������  of����������� ������������������  data,����������� ������������������  you’ll����������� ������������������  have����������� ������������������  

access����������� ������������������  to����������� ������������������  an����������� ������������������  unbelievable����������� ������������������  data����������� ������������������  resource.

Tim����������� ������������������  Berners-Lee,����������� ������������������  In����������� ������������������  May����������� ������������������  2006

13

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

포스트����������� ������������������  웹2.0

http://blog.databanq.com/digital-media/what-is-web-30/

Web����������� ������������������  2.0����������� ������������������  is����������� ������������������  well����������� ������������������  documented����������� ������������������  and����������� ������������������  talked����������� ������������������  about.����������� ������������������  The����������� ������������������  power����������� ������������������  of����������� ������������������  the����������� ������������������  Net����������� ������������������  reached����������� ������������������  a����������� ������������������  

critical����������� ������������������  mass,����������� ������������������  with����������� ������������������  capabilities����������� ������������������  that����������� ������������������  can����������� ������������������  be����������� ������������������  

done����������� ������������������  on����������� ������������������  a����������� ������������������  network����������� ������������������  level.����������� ������������������  We����������� ������������������  are����������� ������������������  also����������� ������������������  seeing����������� ������������������  

richer����������� ������������������  devices����������� ������������������  over����������� ������������������  last����������� ������������������  four����������� ������������������  years����������� ������������������  and����������� ������������������  richer����������� ������������������  

ways����������� ������������������  of����������� ������������������  interacting����������� ������������������  with����������� ������������������  the����������� ������������������  network,����������� ������������������  not����������� ������������������  only����������� ������������������  in����������� ������������������  hardware����������� ������������������  like����������� ������������������  game����������� ������������������  consoles����������� ������������������  and����������� ������������������  

mobile����������� ������������������  devices,����������� ������������������  but����������� ������������������  also����������� ������������������  in����������� ������������������  the����������� ������������������  software����������� ������������������  

layer.����������� ������������������  You����������� ������������������  don’t����������� ������������������  have����������� ������������������  to����������� ������������������  be����������� ������������������  a����������� ������������������  computer����������� ������������������  

scientist����������� ������������������  to����������� ������������������  create����������� ������������������  a����������� ������������������  program.����������� ������������������  We����������� ������������������  are����������� ������������������  seeing����������� ������������������  

that����������� ������������������  manifest����������� ������������������  in����������� ������������������  Web����������� ������������������  2.0����������� ������������������  and����������� ������������������  3.0����������� ������������������  will����������� ������������������  be����������� ������������������  a����������� ������������������  great����������� ������������������  extension����������� ������������������  of����������� ������������������  that,����������� ������������������  a����������� ������������������  true����������� ������������������  communal����������� ������������������  

medium…⋯����������� ������������������  the����������� ������������������  distinction����������� ������������������  between����������� ������������������  

professional,����������� ������������������  semi-professional����������� ������������������  and����������� ������������������  

consumers����������� ������������������  will����������� ������������������  get����������� ������������������  blurred,����������� ������������������  creating����������� ������������������  a����������� ������������������  

network����������� ������������������  effect����������� ������������������  of����������� ������������������  business����������� ������������������  and����������� ������������������  applications.

Jerry����������� ������������������  Yang,����������� ������������������  Technet����������� ������������������  Summit����������� ������������������  in����������� ������������������  November����������� ������������������  2006

14

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

포스트����������� ������������������  웹2.0

http://blog.databanq.com/digital-media/what-is-web-30/

Web����������� ������������������  1.0����������� ������������������  was����������� ������������������  dial-up,����������� ������������������  50K����������� ������������������  average����������� ������������������  

bandwidth,����������� ������������������  Web����������� ������������������  2.0����������� ������������������  is����������� ������������������  an����������� ������������������  average����������� ������������������  1����������� ������������������  

megabit����������� ������������������  of����������� ������������������  bandwidth����������� ������������������  and����������� ������������������  Web����������� ������������������  3.0����������� ������������������  will����������� ������������������  be����������� ������������������  

10����������� ������������������  megabits����������� ������������������  of����������� ������������������  bandwidth����������� ������������������  all����������� ������������������  the����������� ������������������  time,����������� ������������������  

which����������� ������������������  will����������� ������������������  be����������� ������������������  the����������� ������������������  full����������� ������������������  video����������� ������������������  Web,����������� ������������������  and����������� ������������������  that����������� ������������������  

will����������� ������������������  feel����������� ������������������  like����������� ������������������  Web����������� ������������������  3.0.

Reed����������� ������������������  Hastings,����������� ������������������  Technet����������� ������������������  Summit����������� ������������������  in����������� ������������������  November����������� ������������������  2006

15

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

포스트����������� ������������������  웹2.0

Tim����������� ������������������  O’Reilly����������� ������������������  /����������� ������������������  Web����������� ������������������  2.0����������� ������������������  Summit����������� ������������������  2009

http://www.web2summit.com/web2009/public/schedule/detail/10194

With����������� ������������������  more����������� ������������������  users����������� ������������������  and����������� ������������������  sensors����������� ������������������  feeding����������� ������������������  more����������� ������������������  appli-����������� ������������������  cations����������� ������������������  and����������� ������������������  platforms,����������� ������������������  developers����������� ������������������  are����������� ������������������  able����������� ������������������  to����������� ������������������  tackle����������� ������������������  serious����������� ������������������  real-world����������� ������������������  problems.����������� ������������������  As����������� ������������������  a����������� ������������������  result,����������� ������������������  the����������� ������������������  Web����������� ������������������  opportunity����������� ������������������  is����������� ������������������  no����������� ������������������  longer����������� ������������������  growing����������� ������������������  arithmetically;����������� ������������������  it’s����������� ������������������  growing����������� ������������������  exponentially.����������� ������������������  Hence����������� ������������������  our����������� ������������������  theme����������� ������������������  for����������� ������������������  this����������� ������������������  year:����������� ������������������  Web����������� ������������������  Squared.����������� ������������������  1990­–2004����������� ������������������  was����������� ������������������  the����������� ������������������  match����������� ������������������  being����������� ������������������  struck;����������� ������������������  2005­–2009����������� ������������������  was����������� ������������������  the����������� ������������������  fuse;����������� ������������������  and����������� ������������������  2010����������� ������������������  will����������� ������������������  be����������� ������������������  the����������� ������������������  explosion.

Ever����������� ������������������  since����������� ������������������  we����������� ������������������  first����������� ������������������  introduced����������� ������������������  the����������� ������������������  term����������� ������������������  “Web����������� ������������������  2.0,”����������� ������������������  people����������� ������������������  have����������� ������������������  been����������� ������������������  asking,����������� ������������������  “What’s����������� ������������������  next?”����������� ������������������  Assuming����������� ������������������  that����������� ������������������  Web����������� ������������������  2.0����������� ������������������  was����������� ������������������  meant����������� ������������������  to����������� ������������������  be����������� ������������������  a����������� ������������������  kind����������� ������������������  of����������� ������������������  software����������� ������������������  version����������� ������������������  number����������� ������������������  (rather����������� ������������������  than����������� ������������������  a����������� ������������������  statement����������� ������������������  about����������� ������������������  the����������� ������������������  second����������� ������������������  coming����������� ������������������  of����������� ������������������  the����������� ������������������  Web����������� ������������������  after����������� ������������������  the����������� ������������������  dotcom����������� ������������������  bust),����������� ������������������  we’re����������� ������������������  constantly����������� ������������������  asked����������� ������������������  about����������� ������������������  “Web����������� ������������������  3.0.”����������� ������������������  Is����������� ������������������  it����������� ������������������  the����������� ������������������  semantic����������� ������������������  web?����������� ������������������  The����������� ������������������  sentient����������� ������������������  web?����������� ������������������  Is����������� ������������������  it����������� ������������������  the����������� ������������������  social����������� ������������������  web?����������� ������������������  The����������� ������������������  mobile����������� ������������������  web?����������� ������������������  Is����������� ������������������  it����������� ������������������  some����������� ������������������  form����������� ������������������  of����������� ������������������  virtual����������� ������������������  reality?����������� ������������������  It����������� ������������������  is����������� ������������������  all����������� ������������������  of����������� ������������������  those,����������� ������������������  and����������� ������������������  more.

16

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

포스트����������� ������������������  웹2.0

Simon����������� ������������������  says...

·Web����������� ������������������  as����������� ������������������  a����������� ������������������  Platform·Semantic����������� ������������������  Web·Ubiquitous����������� ������������������  Web·Real-time����������� ������������������  Web·Web2����������� ������������������  [Web����������� ������������������  Squared]·...����������� ������������������  or����������� ������������������  something?

17

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

MOBILE����������� ������������������  &����������� ������������������  SOCIALSocial����������� ������������������  +����������� ������������������  Mobile

AppstoreN-Screen

Real-time����������� ������������������  &����������� ������������������  Big����������� ������������������  Data

18

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

T.G.I.F

19

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

소셜

20

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

모바일

21

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

앱스토어

22

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

N-스크린

Source:����������� ������������������  ����������� ������������������  AT&T����������� ������������������  Consumer����������� ������������������  Survey����������� ������������������  (����������� ������������������  conducted����������� ������������������  by����������� ������������������  Burke,����������� ������������������  Dec����������� ������������������  2010����������� ������������������  )

Voice Music Movie Game

App

Computer TVTabletSmartphone Game����������� ������������������  Console

Book News

절반이상의����������� ������������������  미국인이����������� ������������������  3개����������� ������������������  이상의����������� ������������������  Device����������� ������������������  로����������� ������������������  같은����������� ������������������  컨텐츠를����������� ������������������  보고����������� ������������������  있다

23

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

리얼타임����������� ������������������  &����������� ������������������  빅데이터

24

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

CLOUD����������� ������������������  COMPUTING

SaaSPaaSIaaS

Hadoop����������� ������������������  &����������� ������������������  MapReduceNoSQL

25

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

클라우드����������� ������������������  컴퓨팅����������� ������������������  분류

서비스+

인프라

개인+

기업

기업

기업

개발환경+

인프라

인프라

Software����������� ������������������  as����������� ������������������  a����������� ������������������  Service(SaaS)클라우드����������� ������������������  서비스/애플리케이션

Apple����������� ������������������  MobileMe,����������� ������������������  Google����������� ������������������  Apps,����������� ������������������  Salesforce.com����������� ������������������  Apps,����������� ������������������  Nokia����������� ������������������  Ovi,����������� ������������������  ...

Platform����������� ������������������  as����������� ������������������  a����������� ������������������  Service(PaaS)클라우드����������� ������������������  플랫폼

Google����������� ������������������  App����������� ������������������  Engine,����������� ������������������  force.com,����������� ������������������  MS����������� ������������������  Azure,����������� ������������������  Facebook����������� ������������������  F8,����������� ������������������  OpenShift,����������� ������������������  CloudFoundry,����������� ������������������  ...

Infrastructure����������� ������������������  as����������� ������������������  a����������� ������������������  Service(IaaS)클라우드����������� ������������������  인프라스트럭쳐

Amazon����������� ������������������  S3&EC2,����������� ������������������  Joyent,����������� ������������������  GoGrid,����������� ������������������  AT&T,����������� ������������������  ...

Enterprise����������� ������������������  Computing

IBM,����������� ������������������  HP,����������� ������������������  Oracle/SUN,����������� ������������������  Redhat,����������� ������������������  EMC,����������� ������������������  Dell,����������� ������������������  ...

Cloud����������� ������������������  Computing����������� ������������������  Software

Hadoop,����������� ������������������  3Tera,����������� ������������������  Xen,����������� ������������������  VMware,����������� ������������������  NexR����������� ������������������  VCC,����������� ������������������  

Eucalyptus,����������� ������������������  Enomaly,����������� ������������������  ECP,����������� ������������������  OpenNebula,����������� ������������������  ...

제공 고객 Public����������� ������������������  Cloud Private����������� ������������������  Cloud

출처: 한재선, <Cloud Computing 개요 및 기술>, NexR, 2009

26

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

Amazon����������� ������������������  Web����������� ������������������  Services(AWS)

사용자����������� ������������������  서비스/애플리케이션

모니터링Amazon����������� ������������������  

CloudWatch

관리Amazon����������� ������������������  Management����������� ������������������  

ConsoleAmazon����������� ������������������  Elastic����������� ������������������  Beanstalk

도구AWS����������� ������������������  Toolkit����������� ������������������  for����������� ������������������  EclipseAWS����������� ������������������  SDK����������� ������������������  for����������� ������������������  Java,����������� ������������������  PHP,����������� ������������������  

Ruby,����������� ������������������  Pythoh,����������� ������������������  .NET

네트워킹Virtual����������� ������������������  Private����������� ������������������  Cloud

Route����������� ������������������  53(DNS)Amazon����������� ������������������  Elastic����������� ������������������  IP

병렬처리Amazon����������� ������������������  Elastic����������� ������������������  MapReduce

컨텐츠����������� ������������������  전송(CDN)Amazon����������� ������������������  CloudFront

메세징Amazon����������� ������������������  Simple����������� ������������������  Queue����������� ������������������  Service(SQS)

Amazon����������� ������������������  Simple����������� ������������������  Notification����������� ������������������  Service(SNS)Amazon����������� ������������������  Simple����������� ������������������  Email����������� ������������������  Service(SES)

컴퓨팅Amazon����������� ������������������  Elastic����������� ������������������  Computing����������� ������������������  Cloud(EC2)

-����������� ������������������  Elastic����������� ������������������  Load����������� ������������������  Balancing-����������� ������������������  Auto����������� ������������������  Scaling

저장소Amazon����������� ������������������  Simple����������� ������������������  Storage����������� ������������������  Service(S3)

-����������� ������������������  AWS����������� ������������������  Import/Export

데이터베이스Amazon����������� ������������������  RDS

Amazon����������� ������������������  SimpleDBAmazon����������� ������������������  DynamoDB

Identity����������� ������������������  and����������� ������������������  Access����������� ������������������  Management

Metering����������� ������������������  and����������� ������������������  Billing

27

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

Hadoop

Ambari

Management

Zookeeper

Coordination

HBASE

Column-based����������� ������������������  NoSQL����������� ������������������  Database

PigData����������� ������������������  Flow

HIVESQL

Map/ReduceDistribute����������� ������������������  Programming����������� ������������������  Framework

HCatalogTable����������� ������������������  &����������� ������������������  Schema����������� ������������������  Management

HDFSDistributed����������� ������������������  File����������� ������������������  System

28

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

NoSQL

29

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

WEB����������� ������������������  as����������� ������������������  a����������� ������������������  PLATFORM

HTML5CSS3

JavaScriptResponsive����������� ������������������  Web����������� ������������������  Design

Web����������� ������������������  AppHybrid����������� ������������������  App

30

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

HTML5

HTML5*Web����������� ������������������  Development����������� ������������������  to����������� ������������������  the����������� ������������������  next����������� ������������������  level

*����������� ������������������  웹기술만으로����������� ������������������  네이티브����������� ������������������  애플리케이션����������� ������������������  수준의����������� ������������������  웹����������� ������������������  애플리케이션을����������� ������������������  개발

*����������� ������������������  과거����������� ������������������  HTML����������� ������������������  호환성을����������� ������������������  유지하면서����������� ������������������  실제����������� ������������������  개발����������� ������������������  시����������� ������������������  어려웠던����������� ������������������  문제들을����������� ������������������  해결

HTML CSS JS APIHTML5 ~= + +

31

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

HTML5

Semantics Offline &Storage

DeviceAccess Multi Media Connectivity 3D , 2D

Graphics & EffectsPerformance &

Integration CSS3

32

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

HTML5

•HTML5����������� ������������������  스펙����������� ������������������  너무����������� ������������������  어려워요!����������� ������������������  게다가����������� ������������������  영어!

✓����������� ������������������  한글����������� ������������������  HTML5����������� ������������������  스펙����������� ������������������  ����������� ������������������  ➠����������� ������������������  ����������� ������������������  http://j.mp/html5ko����������� ������������������  by����������� ������������������  ClearBoth.org

•그래도����������� ������������������  내용이����������� ������������������  너무����������� ������������������  많은����������� ������������������  데요����������� ������������������  ?

✓����������� ������������������  웹����������� ������������������  개발자를����������� ������������������  위한����������� ������������������  최소스펙����������� ������������������  ➠����������� ������������������  ����������� ������������������  http://j.mp/html5devel

•튜토리얼����������� ������������������  &����������� ������������������  프리젠테이션����������� ������������������  은����������� ������������������  없나요����������� ������������������  ?

✓����������� ������������������  Google����������� ������������������  의����������� ������������������  선물����������� ������������������  ➠����������� ������������������  ����������� ������������������  http://www.html5rocks.com/

•그����������� ������������������  외에����������� ������������������  꼭����������� ������������������  추천해주실����������� ������������������  사이트는����������� ������������������  ?

✓실전����������� ������������������  HTML5����������� ������������������  가이드����������� ������������������  (����������� ������������������  한글����������� ������������������  PDF����������� ������������������  )����������� ������������������  ➠����������� ������������������  ����������� ������������������  http://j.mp/html5guide_ko

✓Dive����������� ������������������  Into����������� ������������������  HTML5����������� ������������������  ����������� ������������������  ➠����������� ������������������  ����������� ������������������  http://diveintohtml5.org/

33

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

Responsive����������� ������������������  Web����������� ������������������  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/eWEYIJ

Phone Tablet Netbook / Tablet Desktop

34

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

웹����������� ������������������  앱

•����������� ������������������  웹����������� ������������������  브라우저에서����������� ������������������  실행

•����������� ������������������  Reading����������� ������������������  ➠����������� ������������������  ����������� ������������������  

����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  Interaction����������� ������������������  with����������� ������������������  Audio/Video/Animation

•����������� ������������������  데스크탑����������� ������������������  소프트웨어����������� ������������������  수준의����������� ������������������  사용자����������� ������������������  경험����������� ������������������  (UX)

•����������� ������������������  서버에서����������� ������������������  제공되므로����������� ������������������  신속한����������� ������������������  업데이트����������� ������������������  *

•����������� ������������������  다양한����������� ������������������  디바이스����������� ������������������  동시����������� ������������������  지원����������� ������������������  ➠����������� ������������������  모바일

35

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

Hybrid Web App

✓ Native + Web 형태의 앱✓ 앱스토어를 통한 다운로드 가능✓ Native 수준의 다양한 앱 작성 가능

Server

Web Server

DatabaseResources

Mobile Device

Web App UI Local

Data

AppStore

Online Web Application✓ 기존 모바일 웹페이지 포함한 웹 앱

✓ HTML5,CSS3 등을 통한 UI 향상

✓ GeoLocation 이용

Mobile Device

Web App UI

Server

Web Server

DatabaseResources

Offline Enabled Web App

✓ 오프라인에서도 사용이 가능한 웹 앱✓ 처음 접속시 주요데이타를 캐쉬✓ 재접속시에 서버의 데이타와 싱크

Server

Web Server

DatabaseResources

Mobile Device

Web App UI Local

Data

Offline Web App

✓ 계속 오프라인으로 사용가능한 앱✓ 서버와의 동기화를 필요로 하지 않음✓ 게임, 유틸리티, 개인정보 앱, EBook

Server

Web Server

Mobile Device

Web App UI Local

Data

36

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

하이브리드����������� ������������������  앱

•Native����������� ������������������  App����������� ������������������  +����������� ������������������  Web����������� ������������������  App

하나의����������� ������������������  웹소스로����������� ������������������  모든����������� ������������������  디바이스����������� ������������������  동시지원

Web����������� ������������������  으로는����������� ������������������  불가능한����������� ������������������  Device����������� ������������������  기능����������� ������������������  지원

앱����������� ������������������  스토어를����������� ������������������  통한����������� ������������������  앱����������� ������������������  판매����������� ������������������  가능

•Hybrid����������� ������������������  Frameworks

Phonegap

Appspresso

Titanium����������� ������������������  Mobile

Device OSHybrid framework

Web Browser

Web Application css/js/html

37

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

하이브리드의����������� ������������������  범위

Native����������� ������������������  내에서����������� ������������������  WebView����������� ������������������  활용

WebHybridNative

서버����������� ������������������  접속해서����������� ������������������  웹앱����������� ������������������  실행Hybrid����������� ������������������  Frameworks

Appspresso����������� ������������������  /����������� ������������������  Phonegap����������� ������������������  /����������� ������������������  Titanium

11 2

1����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  DIY����������� ������������������  with����������� ������������������  WebView����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  Using����������� ������������������  Hybrid����������� ������������������  Framework2

38

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

N-스크린을����������� ������������������  위한����������� ������������������  웹앱

Computer TVTabletSmartphone Game����������� ������������������  Console

Voice Music Movie Game

HTML5 based (Hybrid) Web App

3 6 5 3 3

39

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

40

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

Server-side����������� ������������������  Javascript

• Netscape Livewire를 시작으로 다양한 접근 http://j.mp/eNt2Ay

• Node.JS : Evented Server-Side Javascript http://nodejs.org/

✓ Google Chrome 의 Javascript Engine V8 을 단독으로 사용

✓ 모든 Network I/O 는 NonBlocking , File I/O 는 Asynchronous

✓ Thread 방식에 비해 뛰어난 성능, 다양한 모듈 개발중 (S3,MySQL.. )

✓ HTTPd , FTPd , IMAP, WebDAV 등 다양한 서버 모듈 개발 완료

• CommonJS : Ecosystem for Javascript Outside the Browser , http://commonjs.org/

✓ 브라우저가 아닌 서버/데스크탑 어플을 작성하기 위한 스펙들

✓ Server-Side , Command Line , Desktop GUI , Hybrid ( Titanium .. )

✓ 모듈 시스템 , 파일시스템 , 유닛테스팅 , 콘솔 , Promise .. 등등

41

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

That’s����������� ������������������  all����������� ������������������  Folks...KT����������� ������������������  Hitel����������� ������������������  Corp.����������� ������������������  /����������� ������������������  장동수����������� ������������������  /����������� ������������������  @iolothebard

42