몰입! 웹의 현재와 미래
순서
- What is Web
- Web을 지탱하는 기술
- Web을 지탱하는 기술의 변화
- 모듈,라이브러리 그리고 프레임 워크
- 무엇을 선택할 것인가
What is web?
?
2013 SDF
전 세계에 산재되어 있는 부분적인 아이디어를 장소에 제약 받지 않고 모을 수 있다면 어떤 거대한 문제를 풀 수 있는 실마리를 얻을 수 있지 않을까요?
- 팀 버너스 리
Hypertext
Yahoo
제로보드
아이러브스쿨
한메일/카페
세이클럽
싸이월드
다이알 패드
유니텔
web 2.0
Open API
Ecosystem
iPhone with webkit
Mobile Apps
Web -> OS
WebAssembly
Javascript
Byte-Code
Machine Code
WebAssembly
http://www.oss.kr/oss_news/621878
web을 지탱하는 기술
HTTP
HTML
<html>
<head>
//Is this comment?
/*
nope
*/
<script>
//How about this?
/*Yes You'll be.
*/
</script>
</head>
<body>
<!--
Is this comment?
<div>
</div>
-->
//<div>Joker</div>
/*
<div>Why So Serious?</div>
*/
<span>It's not about the money. It's about sending a message. Everything burns.</span>
</body>
</html>
CSS
http://www.csszengarden.com/
Javascript
web을 지탱하는 기술의 변화
HTTP/2
HTML5
header
nav
aside
section
article
footer
audio
video
canvas
Geo Location
drag/drop
Local Storage
Application Cache
Web Workers
Sever Sent Event
CSS3
ES6
모듈, 라이브러리 그리고 프레임워크
The best module ever.
jQuery
The best library ever.
bootstrap
The best framework ever.
AngularJs
Yes, it's about size
Yes, it's about popularity
무엇을 선택할 것인가
고려사항
ie 버전 문제 - 모던 웹 브라우저의 조건?
이것은 web이 아니므니다
사실 필요한 건 뭔가 새롭고 핫하면서도 퐌타스틱한 UI 예요
모던 웹 브라우져의 조건
모던 웹 브라우져의 조건
모던 웹 브라우져의 조건
모던 웹 브라우져의 조건
이것은 web이 아니므니다
꼭 web일 필요도 없습니다
좋은 UI는 좋은 UX는
choosing frameworks
몰입! 웹의 현재와 미래
By Keen Dev
