27. 웹서비스 시대 (1990년대 중반)
CGI
<html>
<title> <?=$title?> </title>
Internet <body>
DB
<font size=2>Hello! World</font>
<?=mysql_query(“SELECT name…)?>
DB
</body>
</html>
Plug-in
28. 웹 표준 시대 (2000년대 중반)
ET ing uts
M S .N S pr Str
Model
Internet DB
DB
View
Plug-in
<! DOCTYPE XHTML…>
<title>$title</title>
XHT
ML Structure <body>
<h1>Hello, Wolrd</h1>
</body>
</html>
ay o
ut Presentation body { font-size: 9pt;}
SL h1 {color:blue;}
CS
Function popup(url) {
cr ipt Behavior }
window.open(url);
MS
DO
Controller
29. 웹2.0의 시대 (2000년대 후반)
Internet
Model DB
DB
Plug-in
View
Structure
{"Name": "Cheeso",
Ajax OpenAPI "Rank": 7}
Presentation ails
O nR
ery by
jQu Ru Controller
Behavior
30. HTML5의 시대 (2010년대 초반)
a ge
S tor
b
We
as
C anv
Local
Local
Plug-in Storage nd
ra
Storage asa ase
L e C Hb
We
bG a ch
pC
Ap NoSQL
Internet
ML
5 Structure
HT
Ajax RESTful
{"Name": "Cheeso", disk
disk
t "Rank": 7}
o ck e
bS
We
CS
S3 Presentation
I Cloud
rAP
e cto Computing
Se l n
tio
Behavior Ge
ol oca
WS z ur
e
rop nA MS
A
g &D m azo
Dra A
32. HTML5인 것과 아닌 것
HTML5 W/G Web Apps W/G
– HTML5 – Server-Sent Events
– Canvas 2D – WebSocket
– Microdata – Web Storage
– RDFa – Web SQL Database
– AppCache – IndexedDB
– Geolocation
52. Speaking from personal experience, I've
had a lot more fun writing an HTML5
application based on CSS3, the
database API, and jQuery that runs out
of the box on all of the hot mobile
platforms than I ever would have had
writing some silly Objective C app for
a locked down App Store (or Java for an
open one).