몰입! 웹의 현재와 미래

순서

  • 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

asm.js

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 예요

모던 웹 브라우져의 조건

모던 웹 브라우져의 조건

모던 웹 브라우져의 조건

Guide go Polyfill

모던 웹 브라우져의 조건

이것은 web이 아니므니다

꼭 web일 필요도 없습니다

좋은 UI는 좋은 UX는

choosing frameworks

Made with Slides.com