SlideShare une entreprise Scribd logo
1  sur  19
Télécharger pour lire hors ligne
태블릿 PC와 HTML5 웹 기술
Tablet PC and HTML5 Web Technology


                                     윤석찬
                           ㈜다음커뮤니케이션

                        http://channy.creation.net
                              channy@creation.net
                      http://twitter.com/channyun
태블릿 != 데스크톱 OS
모바일 OS가 주목 받는 이유
• 왜 모바일 OS인가?
 –   데스크톱 OS가 태블릿에서 실패했기 때문
 –   모바일과 데스크톱 사이의 영역을 새롭게 정의
 –   인터넷 기반의 웹 애플리케이션의 성장
 –   전혀 새로운 소프트웨어 생태계 주도


• 태블릿 애플리케이션의 구도
 – 태블릿 OS의 네이티브 개발 환경
     • iPhone OS, Android, WindowsPhone, Symbian…
 – 차세대 웹 표준 기반 개발 환경
     • HTML5 (Audio, Video, Canvas, SVG, CSS3, WebSocket…)
무엇이 문제인가?




            Even Google was not rich enough to support all of
            the different mobile platforms from Apple’s
            AppStore to those of the BlackBerry, Windows
            Mobile, Android and the many variations of the
            Nokia platform

              - Vic Gundotra, Google Engineering VP
리치 웹 기술의 성장
• 과거의 유산
  – 웹 브라우저 전쟁 및 비표준 웹 브라우저 (IE6)
  – 플러그인 양산 ActiveX, NS Plugin, Flash


• 웹 2.0과 웹 애플리케이션
  – 브로드밴드 환경 하에 사용자 참여 기반의 웹 플랫폼 성장
  – Ajax 기반의 리치 웹 애플리케이션 성장 (구글맵, 지메일)
  – 현대적 웹 브라우저의 기술 혁신 (파이어폭스, 사파리, 크롬)


• 새로운 트렌드
  – HTML5 기반 리치 웹 애플리케이션 제공
  – 모바일 및 태블릿 OS에서 적극 이용 가능
리치 웹 기술의 현황


                        PC    O
              웹 기반 표준   모바일   O
                        태블릿   O




               바이너리     PC    O
                        모바일   X
               플러그인     태블릿   X
HTML5 표준의 역사
HTML5 Right now?
                   •   Google.com
                   •   Apple.com
                   •   Mozilla.com
                   •   html5gallery.com




                   And many more…
HTML5의 주요 기술 요소(1)



            ActiveX기반 전자
            결재 에디터 모듈




            미디어 플레이어       미디어 플레이어
              플러그인           플러그인
HTML5의 주요 기술 요소(2)



   배너 광고     사이트메뉴   파일첨부
   플러그인      플러그인    플러그인
브라우저별 대응 수준
Demo: Video, Canvas, WebGL
모바일에서 주요 구현 현황



     Canvas    √
               √   √
                   √   √
                       √   √
                           √
 Video/Audio   √
               √   √
                   √   √
                       √   √
                           √
     WebGL     √
               √   √
                   √   √
                       √
        SVG    √
               √   √
                   √   √
                       √   √
                           √
    Workers    √
               √   √
                   √   √
                       √   √
                           √
HTML5 시대의 웹 프레임웍

                                                 age
                                              tor
                                            bS
        s                                 We
     nva
  Ca
                              Local
                               Local
Plug-in                      Storage                                                     dra
                              Storage                                                 san        ase
                                                                                   Ca          Hb
    bG
       L
                   a   che
  We            pC
              Ap                                                                NoSQL
                                                    Internet
    ML
      5     Structure
  HT
                                 Ajax                          RESTful
                                                                              {"Name": "Cheeso",       disk
                                                                                                        disk
                                                     et                       "Rank": 7}
                                                 oc k
                                            bS
                                          We
  CS
     S3     Presentation
                                       AP
                                          I                                      Cloud
                                 ect or
                             Se l           n
                                                                               Computing
                                        tio
             Behavior         Ge
                                  oloca
                                                                                  WS       zur
                                                                                              e
                                          rop                                   nA       SA
                                     g&D                                    azo        M
                                Dra                                      Am
온라인 기반 애플리케이션




          Hand of Greed
          http://brainiumstudios.com/webapp/
          Spin the Bottle
          http://www.idean.com/iphone/spin/

• Canvas 이용 간단한 멀티미디어 기능 구현 가능
• 광고 및 온라인 게임 등 활용
하이브리드형 애플리케이션




         Harmonious - 웹 기반 스케치패드
         http://harmoniousapp.com/




• 아이폰 앱 안에 웹 기반 UI 제공
• 네이티브+웹 기반 형태로 앱스토어에서 다운로드 가능
오프라인 애플리케이션




           Monocle - 웹 기반 eBook Reader
           http://monocle.inventivelabs.com.au/




•   HTML5기술+로컬 저장소만 이용한 애플리케이션
•   App Cache 혹은 앱스토어를 통해 배포 가능
차세대 빅뱅: Chrome OS?




  • 웹 기반 차세대 태블릿 OS
  • 웹 앱스토어 마켓
  • 디바이스 API 지원
결론
• 차세대 태블릿 OS는 기존 PC와 다른 환경이다.
 – 태블릿 OS는 모바일과 데스크탑과의 중간
 – 인터넷 기반 웹 애플리케이션이 차지하는 영역


• 다양한 태블릿 OS의 변화
 – 모바일 OS: 아이폰(아이패드), 안드로이드, 윈도우폰
 – 태블릿 OS: Chrome OS vs. Windows 7


• 웹 기반 개발 플랫폼의 성장
 – 다양한 모바일 개발 환경에 대한 비용의 증가
 – HTML5 기반 리치 웹 개발 환경의 혁신

Contenu connexe

En vedette

HTML5 and Mobile Web (2009)
HTML5 and Mobile Web (2009)HTML5 and Mobile Web (2009)
HTML5 and Mobile Web (2009)Channy Yun
 
HTML5 소개 및 배우기- HTML5 Open Conference
HTML5 소개 및 배우기- HTML5 Open ConferenceHTML5 소개 및 배우기- HTML5 Open Conference
HTML5 소개 및 배우기- HTML5 Open ConferenceChanny Yun
 
HTML5 in Korea (2010)
HTML5 in Korea (2010)HTML5 in Korea (2010)
HTML5 in Korea (2010)Channy Yun
 
The Status Of Web Interoperability And Activities In China, Japan And Korea
The Status Of Web Interoperability And Activities In China, Japan And KoreaThe Status Of Web Interoperability And Activities In China, Japan And Korea
The Status Of Web Interoperability And Activities In China, Japan And KoreaChanny Yun
 
The History and Status of Web Crypto API (2012)
The History and Status of Web Crypto API (2012)The History and Status of Web Crypto API (2012)
The History and Status of Web Crypto API (2012)Channy Yun
 
웹 애플리케이션 기술 소개 - NGWeb (2006)
웹 애플리케이션 기술 소개 - NGWeb (2006)웹 애플리케이션 기술 소개 - NGWeb (2006)
웹 애플리케이션 기술 소개 - NGWeb (2006)Channy Yun
 
처음부터 다시 배우는 HTML5 & CSS3 1일차
처음부터 다시 배우는 HTML5 & CSS3 1일차처음부터 다시 배우는 HTML5 & CSS3 1일차
처음부터 다시 배우는 HTML5 & CSS3 1일차Michael Yang
 
차니의 IT 이야기 #2- 개발자 경력 관리 조언 (윤석찬)
차니의 IT 이야기 #2- 개발자 경력 관리 조언 (윤석찬)차니의 IT 이야기 #2- 개발자 경력 관리 조언 (윤석찬)
차니의 IT 이야기 #2- 개발자 경력 관리 조언 (윤석찬)Channy Yun
 
Docker (Compose) 활용 - 개발 환경 구성하기
Docker (Compose) 활용 - 개발 환경 구성하기Docker (Compose) 활용 - 개발 환경 구성하기
Docker (Compose) 활용 - 개발 환경 구성하기raccoony
 

En vedette (9)

HTML5 and Mobile Web (2009)
HTML5 and Mobile Web (2009)HTML5 and Mobile Web (2009)
HTML5 and Mobile Web (2009)
 
HTML5 소개 및 배우기- HTML5 Open Conference
HTML5 소개 및 배우기- HTML5 Open ConferenceHTML5 소개 및 배우기- HTML5 Open Conference
HTML5 소개 및 배우기- HTML5 Open Conference
 
HTML5 in Korea (2010)
HTML5 in Korea (2010)HTML5 in Korea (2010)
HTML5 in Korea (2010)
 
The Status Of Web Interoperability And Activities In China, Japan And Korea
The Status Of Web Interoperability And Activities In China, Japan And KoreaThe Status Of Web Interoperability And Activities In China, Japan And Korea
The Status Of Web Interoperability And Activities In China, Japan And Korea
 
The History and Status of Web Crypto API (2012)
The History and Status of Web Crypto API (2012)The History and Status of Web Crypto API (2012)
The History and Status of Web Crypto API (2012)
 
웹 애플리케이션 기술 소개 - NGWeb (2006)
웹 애플리케이션 기술 소개 - NGWeb (2006)웹 애플리케이션 기술 소개 - NGWeb (2006)
웹 애플리케이션 기술 소개 - NGWeb (2006)
 
처음부터 다시 배우는 HTML5 & CSS3 1일차
처음부터 다시 배우는 HTML5 & CSS3 1일차처음부터 다시 배우는 HTML5 & CSS3 1일차
처음부터 다시 배우는 HTML5 & CSS3 1일차
 
차니의 IT 이야기 #2- 개발자 경력 관리 조언 (윤석찬)
차니의 IT 이야기 #2- 개발자 경력 관리 조언 (윤석찬)차니의 IT 이야기 #2- 개발자 경력 관리 조언 (윤석찬)
차니의 IT 이야기 #2- 개발자 경력 관리 조언 (윤석찬)
 
Docker (Compose) 활용 - 개발 환경 구성하기
Docker (Compose) 활용 - 개발 환경 구성하기Docker (Compose) 활용 - 개발 환경 구성하기
Docker (Compose) 활용 - 개발 환경 구성하기
 

Similaire à 태블릿과 HTML5 기술 (조경 인사이트 포럼, 2011)

Oracle engineered system-Exalogic elastic cloud machine
Oracle engineered system-Exalogic elastic cloud machineOracle engineered system-Exalogic elastic cloud machine
Oracle engineered system-Exalogic elastic cloud machineBonghwan Kim
 
웹 소프트웨어 시대의 새로운 롤(role) 모델, 자바스크립트
웹 소프트웨어 시대의 새로운 롤(role) 모델, 자바스크립트웹 소프트웨어 시대의 새로운 롤(role) 모델, 자바스크립트
웹 소프트웨어 시대의 새로운 롤(role) 모델, 자바스크립트Rhio Kim
 
클라우드를 활용한 미디어 프로세싱 솔루션 소개 - 이상오 솔루션즈 아키텍트 (GS네오텍) :: 미디어 커스토머 데이
클라우드를 활용한 미디어 프로세싱 솔루션 소개 - 이상오 솔루션즈 아키텍트 (GS네오텍) :: 미디어 커스토머 데이 클라우드를 활용한 미디어 프로세싱 솔루션 소개 - 이상오 솔루션즈 아키텍트 (GS네오텍) :: 미디어 커스토머 데이
클라우드를 활용한 미디어 프로세싱 솔루션 소개 - 이상오 솔루션즈 아키텍트 (GS네오텍) :: 미디어 커스토머 데이 Amazon Web Services Korea
 
Kaazing - 웹소켓 기술의 유일한 엔터프라이즈 솔루션
Kaazing - 웹소켓 기술의 유일한 엔터프라이즈 솔루션Kaazing - 웹소켓 기술의 유일한 엔터프라이즈 솔루션
Kaazing - 웹소켓 기술의 유일한 엔터프라이즈 솔루션미래웹기술연구소 (MIRAE WEB)
 
[빅데이터 컨퍼런스 전희원]
[빅데이터 컨퍼런스 전희원][빅데이터 컨퍼런스 전희원]
[빅데이터 컨퍼런스 전희원]Jayoung Lim
 
Amazon 인공 지능(AI) 서비스 및 AWS 기반 딥러닝 활용 방법 - 윤석찬 (AWS, 테크에반젤리스트)
Amazon 인공 지능(AI) 서비스 및 AWS 기반 딥러닝 활용 방법 - 윤석찬 (AWS, 테크에반젤리스트)Amazon 인공 지능(AI) 서비스 및 AWS 기반 딥러닝 활용 방법 - 윤석찬 (AWS, 테크에반젤리스트)
Amazon 인공 지능(AI) 서비스 및 AWS 기반 딥러닝 활용 방법 - 윤석찬 (AWS, 테크에반젤리스트)Amazon Web Services Korea
 
마이크로서비스 아키텍처로 개발하기
마이크로서비스 아키텍처로 개발하기마이크로서비스 아키텍처로 개발하기
마이크로서비스 아키텍처로 개발하기Jaewoo Ahn
 
AWS Cloud Design Pattenr (Korean) - CDP Seminar in Korea
AWS Cloud Design Pattenr (Korean) - CDP Seminar in KoreaAWS Cloud Design Pattenr (Korean) - CDP Seminar in Korea
AWS Cloud Design Pattenr (Korean) - CDP Seminar in KoreaSORACOM, INC
 
2012 빅데이터 big data 발표자료
2012 빅데이터 big data 발표자료2012 빅데이터 big data 발표자료
2012 빅데이터 big data 발표자료Wooseung Kim
 
20181108 HBSmith에서는 이렇게 AWS IaC로 배포한다
20181108 HBSmith에서는 이렇게 AWS IaC로 배포한다20181108 HBSmith에서는 이렇게 AWS IaC로 배포한다
20181108 HBSmith에서는 이렇게 AWS IaC로 배포한다Jongwon Han
 
올챙이 현재와 미래
올챙이 현재와 미래올챙이 현재와 미래
올챙이 현재와 미래cho hyun jong
 
[AI & DevOps] BigData Scale Production AI 서비스를 위한 최상의 플랫폼 아키텍처
[AI & DevOps] BigData Scale Production AI 서비스를 위한 최상의 플랫폼 아키텍처[AI & DevOps] BigData Scale Production AI 서비스를 위한 최상의 플랫폼 아키텍처
[AI & DevOps] BigData Scale Production AI 서비스를 위한 최상의 플랫폼 아키텍처hoondong kim
 
W3C HTML5 Conference 2015 - NAVER 웹 기술 및 환경 전망
W3C HTML5 Conference 2015 - NAVER 웹 기술 및 환경 전망W3C HTML5 Conference 2015 - NAVER 웹 기술 및 환경 전망
W3C HTML5 Conference 2015 - NAVER 웹 기술 및 환경 전망NAVER Engineering
 
[OpenStack Days Korea 2016] Track4 - 해외 사례로 보는 OpenStack Billing System
[OpenStack Days Korea 2016] Track4 - 해외 사례로 보는 OpenStack Billing System[OpenStack Days Korea 2016] Track4 - 해외 사례로 보는 OpenStack Billing System
[OpenStack Days Korea 2016] Track4 - 해외 사례로 보는 OpenStack Billing SystemOpenStack Korea Community
 
해외 사례로 보는 Billing for OpenStack Solution
해외 사례로 보는 Billing for OpenStack Solution해외 사례로 보는 Billing for OpenStack Solution
해외 사례로 보는 Billing for OpenStack SolutionNalee Jang
 
Streaming platform Kafka in SK planet
Streaming platform Kafka in SK planetStreaming platform Kafka in SK planet
Streaming platform Kafka in SK planetByeongsu Kang
 
2020년 10월 24일 개발자 이야기
2020년 10월 24일 개발자 이야기2020년 10월 24일 개발자 이야기
2020년 10월 24일 개발자 이야기Jay Park
 

Similaire à 태블릿과 HTML5 기술 (조경 인사이트 포럼, 2011) (20)

Oracle engineered system-Exalogic elastic cloud machine
Oracle engineered system-Exalogic elastic cloud machineOracle engineered system-Exalogic elastic cloud machine
Oracle engineered system-Exalogic elastic cloud machine
 
웹 소프트웨어 시대의 새로운 롤(role) 모델, 자바스크립트
웹 소프트웨어 시대의 새로운 롤(role) 모델, 자바스크립트웹 소프트웨어 시대의 새로운 롤(role) 모델, 자바스크립트
웹 소프트웨어 시대의 새로운 롤(role) 모델, 자바스크립트
 
클라우드를 활용한 미디어 프로세싱 솔루션 소개 - 이상오 솔루션즈 아키텍트 (GS네오텍) :: 미디어 커스토머 데이
클라우드를 활용한 미디어 프로세싱 솔루션 소개 - 이상오 솔루션즈 아키텍트 (GS네오텍) :: 미디어 커스토머 데이 클라우드를 활용한 미디어 프로세싱 솔루션 소개 - 이상오 솔루션즈 아키텍트 (GS네오텍) :: 미디어 커스토머 데이
클라우드를 활용한 미디어 프로세싱 솔루션 소개 - 이상오 솔루션즈 아키텍트 (GS네오텍) :: 미디어 커스토머 데이
 
Kaazing - 웹소켓 기술의 유일한 엔터프라이즈 솔루션
Kaazing - 웹소켓 기술의 유일한 엔터프라이즈 솔루션Kaazing - 웹소켓 기술의 유일한 엔터프라이즈 솔루션
Kaazing - 웹소켓 기술의 유일한 엔터프라이즈 솔루션
 
N-Screen 종결자, HTML5
N-Screen 종결자, HTML5N-Screen 종결자, HTML5
N-Screen 종결자, HTML5
 
[빅데이터 컨퍼런스 전희원]
[빅데이터 컨퍼런스 전희원][빅데이터 컨퍼런스 전희원]
[빅데이터 컨퍼런스 전희원]
 
HTML5 와 미래웹기술 part 3
HTML5 와 미래웹기술 part 3HTML5 와 미래웹기술 part 3
HTML5 와 미래웹기술 part 3
 
Amazon 인공 지능(AI) 서비스 및 AWS 기반 딥러닝 활용 방법 - 윤석찬 (AWS, 테크에반젤리스트)
Amazon 인공 지능(AI) 서비스 및 AWS 기반 딥러닝 활용 방법 - 윤석찬 (AWS, 테크에반젤리스트)Amazon 인공 지능(AI) 서비스 및 AWS 기반 딥러닝 활용 방법 - 윤석찬 (AWS, 테크에반젤리스트)
Amazon 인공 지능(AI) 서비스 및 AWS 기반 딥러닝 활용 방법 - 윤석찬 (AWS, 테크에반젤리스트)
 
Pp3 devweb
Pp3 devwebPp3 devweb
Pp3 devweb
 
마이크로서비스 아키텍처로 개발하기
마이크로서비스 아키텍처로 개발하기마이크로서비스 아키텍처로 개발하기
마이크로서비스 아키텍처로 개발하기
 
AWS Cloud Design Pattenr (Korean) - CDP Seminar in Korea
AWS Cloud Design Pattenr (Korean) - CDP Seminar in KoreaAWS Cloud Design Pattenr (Korean) - CDP Seminar in Korea
AWS Cloud Design Pattenr (Korean) - CDP Seminar in Korea
 
2012 빅데이터 big data 발표자료
2012 빅데이터 big data 발표자료2012 빅데이터 big data 발표자료
2012 빅데이터 big data 발표자료
 
20181108 HBSmith에서는 이렇게 AWS IaC로 배포한다
20181108 HBSmith에서는 이렇게 AWS IaC로 배포한다20181108 HBSmith에서는 이렇게 AWS IaC로 배포한다
20181108 HBSmith에서는 이렇게 AWS IaC로 배포한다
 
올챙이 현재와 미래
올챙이 현재와 미래올챙이 현재와 미래
올챙이 현재와 미래
 
[AI & DevOps] BigData Scale Production AI 서비스를 위한 최상의 플랫폼 아키텍처
[AI & DevOps] BigData Scale Production AI 서비스를 위한 최상의 플랫폼 아키텍처[AI & DevOps] BigData Scale Production AI 서비스를 위한 최상의 플랫폼 아키텍처
[AI & DevOps] BigData Scale Production AI 서비스를 위한 최상의 플랫폼 아키텍처
 
W3C HTML5 Conference 2015 - NAVER 웹 기술 및 환경 전망
W3C HTML5 Conference 2015 - NAVER 웹 기술 및 환경 전망W3C HTML5 Conference 2015 - NAVER 웹 기술 및 환경 전망
W3C HTML5 Conference 2015 - NAVER 웹 기술 및 환경 전망
 
[OpenStack Days Korea 2016] Track4 - 해외 사례로 보는 OpenStack Billing System
[OpenStack Days Korea 2016] Track4 - 해외 사례로 보는 OpenStack Billing System[OpenStack Days Korea 2016] Track4 - 해외 사례로 보는 OpenStack Billing System
[OpenStack Days Korea 2016] Track4 - 해외 사례로 보는 OpenStack Billing System
 
해외 사례로 보는 Billing for OpenStack Solution
해외 사례로 보는 Billing for OpenStack Solution해외 사례로 보는 Billing for OpenStack Solution
해외 사례로 보는 Billing for OpenStack Solution
 
Streaming platform Kafka in SK planet
Streaming platform Kafka in SK planetStreaming platform Kafka in SK planet
Streaming platform Kafka in SK planet
 
2020년 10월 24일 개발자 이야기
2020년 10월 24일 개발자 이야기2020년 10월 24일 개발자 이야기
2020년 10월 24일 개발자 이야기
 

Plus de Channy Yun

Chaos Engineering을 위한 최신 도구 업데이트 - 윤석찬 (AWS 테크에반젤리스트)
Chaos Engineering을 위한 최신 도구 업데이트 - 윤석찬 (AWS 테크에반젤리스트)Chaos Engineering을 위한 최신 도구 업데이트 - 윤석찬 (AWS 테크에반젤리스트)
Chaos Engineering을 위한 최신 도구 업데이트 - 윤석찬 (AWS 테크에반젤리스트)Channy Yun
 
인공지능이 이끌어가는 아마존의 리테일 혁신 - 윤석찬 (AWS) :: 메조미디어 옥토콘(OCTOCON) 2019
인공지능이 이끌어가는 아마존의 리테일 혁신 - 윤석찬 (AWS) :: 메조미디어 옥토콘(OCTOCON) 2019인공지능이 이끌어가는 아마존의 리테일 혁신 - 윤석찬 (AWS) :: 메조미디어 옥토콘(OCTOCON) 2019
인공지능이 이끌어가는 아마존의 리테일 혁신 - 윤석찬 (AWS) :: 메조미디어 옥토콘(OCTOCON) 2019Channy Yun
 
Chaos Engineering on Microservices - 윤석찬, AWS 테크에반젤리스트
Chaos Engineering on Microservices - 윤석찬, AWS 테크에반젤리스트 Chaos Engineering on Microservices - 윤석찬, AWS 테크에반젤리스트
Chaos Engineering on Microservices - 윤석찬, AWS 테크에반젤리스트 Channy Yun
 
Kubernates를 위한 Chaos Engineering in Action :: 윤석찬 (AWS 테크에반젤리스트)
Kubernates를 위한 Chaos Engineering in Action :: 윤석찬 (AWS 테크에반젤리스트) Kubernates를 위한 Chaos Engineering in Action :: 윤석찬 (AWS 테크에반젤리스트)
Kubernates를 위한 Chaos Engineering in Action :: 윤석찬 (AWS 테크에반젤리스트) Channy Yun
 
ICGIS 2018 - Cloud-powered Machine Learnings on Geospactial Services (Channy ...
ICGIS 2018 - Cloud-powered Machine Learnings on Geospactial Services (Channy ...ICGIS 2018 - Cloud-powered Machine Learnings on Geospactial Services (Channy ...
ICGIS 2018 - Cloud-powered Machine Learnings on Geospactial Services (Channy ...Channy Yun
 
How to Measure DevRel's Perfomances: From Community to Business - Channy Yun ...
How to Measure DevRel's Perfomances: From Community to Business - Channy Yun ...How to Measure DevRel's Perfomances: From Community to Business - Channy Yun ...
How to Measure DevRel's Perfomances: From Community to Business - Channy Yun ...Channy Yun
 
KubeMonkey를 통한 Chaos Engineering 실전 운영하기 - 윤석찬 (AWS 테크에반젤리스트)
KubeMonkey를 통한 Chaos Engineering 실전 운영하기 - 윤석찬 (AWS 테크에반젤리스트)KubeMonkey를 통한 Chaos Engineering 실전 운영하기 - 윤석찬 (AWS 테크에반젤리스트)
KubeMonkey를 통한 Chaos Engineering 실전 운영하기 - 윤석찬 (AWS 테크에반젤리스트)Channy Yun
 
Game Day in Action for Chaos Engineering - 윤석찬 (AWS 테크에반젤리스트) :: 한국 카오스엔지니어링 밋업
Game Day in Action for Chaos Engineering - 윤석찬 (AWS 테크에반젤리스트) ::  한국 카오스엔지니어링 밋업Game Day in Action for Chaos Engineering - 윤석찬 (AWS 테크에반젤리스트) ::  한국 카오스엔지니어링 밋업
Game Day in Action for Chaos Engineering - 윤석찬 (AWS 테크에반젤리스트) :: 한국 카오스엔지니어링 밋업Channy Yun
 
Chaos Engineering 시작하기 - 윤석찬 (AWS 테크에반젤리스트) :: 한국 카오스엔지니어링 밋업
Chaos Engineering 시작하기 - 윤석찬 (AWS 테크에반젤리스트) ::  한국 카오스엔지니어링 밋업Chaos Engineering 시작하기 - 윤석찬 (AWS 테크에반젤리스트) ::  한국 카오스엔지니어링 밋업
Chaos Engineering 시작하기 - 윤석찬 (AWS 테크에반젤리스트) :: 한국 카오스엔지니어링 밋업Channy Yun
 
한국 웹20주년 기념 소책자
한국 웹20주년 기념 소책자한국 웹20주년 기념 소책자
한국 웹20주년 기념 소책자Channy Yun
 
클라우드 컴퓨팅과 Daum의 사례- 윤석찬 (KREN 연구 협력 포럼, 2013)
클라우드 컴퓨팅과 Daum의 사례- 윤석찬 (KREN 연구 협력 포럼, 2013) 클라우드 컴퓨팅과 Daum의 사례- 윤석찬 (KREN 연구 협력 포럼, 2013)
클라우드 컴퓨팅과 Daum의 사례- 윤석찬 (KREN 연구 협력 포럼, 2013) Channy Yun
 
Channy의 좌충우돌 스타트업 경험기 - 나인포유
Channy의 좌충우돌 스타트업 경험기 - 나인포유Channy의 좌충우돌 스타트업 경험기 - 나인포유
Channy의 좌충우돌 스타트업 경험기 - 나인포유Channy Yun
 
Microservices architecture examples
Microservices architecture examplesMicroservices architecture examples
Microservices architecture examplesChanny Yun
 
글로벌 지도 API 서비스 현황과 미래 - 한국지리정보학회 (2014)
글로벌 지도 API 서비스 현황과 미래 - 한국지리정보학회 (2014)글로벌 지도 API 서비스 현황과 미래 - 한국지리정보학회 (2014)
글로벌 지도 API 서비스 현황과 미래 - 한국지리정보학회 (2014)Channy Yun
 
빅데이터 기술 현황과 시장 전망(2014)
빅데이터 기술 현황과 시장 전망(2014)빅데이터 기술 현황과 시장 전망(2014)
빅데이터 기술 현황과 시장 전망(2014)Channy Yun
 
공공 데이터 활용 방법론 - 오픈 API 기술 및 동향 (KRNET 2014)
공공 데이터 활용 방법론 - 오픈 API 기술 및 동향 (KRNET 2014)공공 데이터 활용 방법론 - 오픈 API 기술 및 동향 (KRNET 2014)
공공 데이터 활용 방법론 - 오픈 API 기술 및 동향 (KRNET 2014)Channy Yun
 
Mozilla Firefox OS, its Technical Platform and Future - ISET 2014
Mozilla Firefox OS, its Technical Platform and Future - ISET 2014Mozilla Firefox OS, its Technical Platform and Future - ISET 2014
Mozilla Firefox OS, its Technical Platform and Future - ISET 2014Channy Yun
 
Webware - from Document to Operating System
Webware - from Document to Operating System Webware - from Document to Operating System
Webware - from Document to Operating System Channy Yun
 
Daum APIs: A to Z - API Meetup 2014
Daum APIs: A to Z  - API Meetup 2014Daum APIs: A to Z  - API Meetup 2014
Daum APIs: A to Z - API Meetup 2014Channy Yun
 
제주 다음 스페이스.1 셀프 투어 가이드
제주 다음 스페이스.1 셀프 투어 가이드제주 다음 스페이스.1 셀프 투어 가이드
제주 다음 스페이스.1 셀프 투어 가이드Channy Yun
 

Plus de Channy Yun (20)

Chaos Engineering을 위한 최신 도구 업데이트 - 윤석찬 (AWS 테크에반젤리스트)
Chaos Engineering을 위한 최신 도구 업데이트 - 윤석찬 (AWS 테크에반젤리스트)Chaos Engineering을 위한 최신 도구 업데이트 - 윤석찬 (AWS 테크에반젤리스트)
Chaos Engineering을 위한 최신 도구 업데이트 - 윤석찬 (AWS 테크에반젤리스트)
 
인공지능이 이끌어가는 아마존의 리테일 혁신 - 윤석찬 (AWS) :: 메조미디어 옥토콘(OCTOCON) 2019
인공지능이 이끌어가는 아마존의 리테일 혁신 - 윤석찬 (AWS) :: 메조미디어 옥토콘(OCTOCON) 2019인공지능이 이끌어가는 아마존의 리테일 혁신 - 윤석찬 (AWS) :: 메조미디어 옥토콘(OCTOCON) 2019
인공지능이 이끌어가는 아마존의 리테일 혁신 - 윤석찬 (AWS) :: 메조미디어 옥토콘(OCTOCON) 2019
 
Chaos Engineering on Microservices - 윤석찬, AWS 테크에반젤리스트
Chaos Engineering on Microservices - 윤석찬, AWS 테크에반젤리스트 Chaos Engineering on Microservices - 윤석찬, AWS 테크에반젤리스트
Chaos Engineering on Microservices - 윤석찬, AWS 테크에반젤리스트
 
Kubernates를 위한 Chaos Engineering in Action :: 윤석찬 (AWS 테크에반젤리스트)
Kubernates를 위한 Chaos Engineering in Action :: 윤석찬 (AWS 테크에반젤리스트) Kubernates를 위한 Chaos Engineering in Action :: 윤석찬 (AWS 테크에반젤리스트)
Kubernates를 위한 Chaos Engineering in Action :: 윤석찬 (AWS 테크에반젤리스트)
 
ICGIS 2018 - Cloud-powered Machine Learnings on Geospactial Services (Channy ...
ICGIS 2018 - Cloud-powered Machine Learnings on Geospactial Services (Channy ...ICGIS 2018 - Cloud-powered Machine Learnings on Geospactial Services (Channy ...
ICGIS 2018 - Cloud-powered Machine Learnings on Geospactial Services (Channy ...
 
How to Measure DevRel's Perfomances: From Community to Business - Channy Yun ...
How to Measure DevRel's Perfomances: From Community to Business - Channy Yun ...How to Measure DevRel's Perfomances: From Community to Business - Channy Yun ...
How to Measure DevRel's Perfomances: From Community to Business - Channy Yun ...
 
KubeMonkey를 통한 Chaos Engineering 실전 운영하기 - 윤석찬 (AWS 테크에반젤리스트)
KubeMonkey를 통한 Chaos Engineering 실전 운영하기 - 윤석찬 (AWS 테크에반젤리스트)KubeMonkey를 통한 Chaos Engineering 실전 운영하기 - 윤석찬 (AWS 테크에반젤리스트)
KubeMonkey를 통한 Chaos Engineering 실전 운영하기 - 윤석찬 (AWS 테크에반젤리스트)
 
Game Day in Action for Chaos Engineering - 윤석찬 (AWS 테크에반젤리스트) :: 한국 카오스엔지니어링 밋업
Game Day in Action for Chaos Engineering - 윤석찬 (AWS 테크에반젤리스트) ::  한국 카오스엔지니어링 밋업Game Day in Action for Chaos Engineering - 윤석찬 (AWS 테크에반젤리스트) ::  한국 카오스엔지니어링 밋업
Game Day in Action for Chaos Engineering - 윤석찬 (AWS 테크에반젤리스트) :: 한국 카오스엔지니어링 밋업
 
Chaos Engineering 시작하기 - 윤석찬 (AWS 테크에반젤리스트) :: 한국 카오스엔지니어링 밋업
Chaos Engineering 시작하기 - 윤석찬 (AWS 테크에반젤리스트) ::  한국 카오스엔지니어링 밋업Chaos Engineering 시작하기 - 윤석찬 (AWS 테크에반젤리스트) ::  한국 카오스엔지니어링 밋업
Chaos Engineering 시작하기 - 윤석찬 (AWS 테크에반젤리스트) :: 한국 카오스엔지니어링 밋업
 
한국 웹20주년 기념 소책자
한국 웹20주년 기념 소책자한국 웹20주년 기념 소책자
한국 웹20주년 기념 소책자
 
클라우드 컴퓨팅과 Daum의 사례- 윤석찬 (KREN 연구 협력 포럼, 2013)
클라우드 컴퓨팅과 Daum의 사례- 윤석찬 (KREN 연구 협력 포럼, 2013) 클라우드 컴퓨팅과 Daum의 사례- 윤석찬 (KREN 연구 협력 포럼, 2013)
클라우드 컴퓨팅과 Daum의 사례- 윤석찬 (KREN 연구 협력 포럼, 2013)
 
Channy의 좌충우돌 스타트업 경험기 - 나인포유
Channy의 좌충우돌 스타트업 경험기 - 나인포유Channy의 좌충우돌 스타트업 경험기 - 나인포유
Channy의 좌충우돌 스타트업 경험기 - 나인포유
 
Microservices architecture examples
Microservices architecture examplesMicroservices architecture examples
Microservices architecture examples
 
글로벌 지도 API 서비스 현황과 미래 - 한국지리정보학회 (2014)
글로벌 지도 API 서비스 현황과 미래 - 한국지리정보학회 (2014)글로벌 지도 API 서비스 현황과 미래 - 한국지리정보학회 (2014)
글로벌 지도 API 서비스 현황과 미래 - 한국지리정보학회 (2014)
 
빅데이터 기술 현황과 시장 전망(2014)
빅데이터 기술 현황과 시장 전망(2014)빅데이터 기술 현황과 시장 전망(2014)
빅데이터 기술 현황과 시장 전망(2014)
 
공공 데이터 활용 방법론 - 오픈 API 기술 및 동향 (KRNET 2014)
공공 데이터 활용 방법론 - 오픈 API 기술 및 동향 (KRNET 2014)공공 데이터 활용 방법론 - 오픈 API 기술 및 동향 (KRNET 2014)
공공 데이터 활용 방법론 - 오픈 API 기술 및 동향 (KRNET 2014)
 
Mozilla Firefox OS, its Technical Platform and Future - ISET 2014
Mozilla Firefox OS, its Technical Platform and Future - ISET 2014Mozilla Firefox OS, its Technical Platform and Future - ISET 2014
Mozilla Firefox OS, its Technical Platform and Future - ISET 2014
 
Webware - from Document to Operating System
Webware - from Document to Operating System Webware - from Document to Operating System
Webware - from Document to Operating System
 
Daum APIs: A to Z - API Meetup 2014
Daum APIs: A to Z  - API Meetup 2014Daum APIs: A to Z  - API Meetup 2014
Daum APIs: A to Z - API Meetup 2014
 
제주 다음 스페이스.1 셀프 투어 가이드
제주 다음 스페이스.1 셀프 투어 가이드제주 다음 스페이스.1 셀프 투어 가이드
제주 다음 스페이스.1 셀프 투어 가이드
 

Dernier

Merge (Kitworks Team Study 이성수 발표자료 240426)
Merge (Kitworks Team Study 이성수 발표자료 240426)Merge (Kitworks Team Study 이성수 발표자료 240426)
Merge (Kitworks Team Study 이성수 발표자료 240426)Wonjun Hwang
 
Continual Active Learning for Efficient Adaptation of Machine LearningModels ...
Continual Active Learning for Efficient Adaptation of Machine LearningModels ...Continual Active Learning for Efficient Adaptation of Machine LearningModels ...
Continual Active Learning for Efficient Adaptation of Machine LearningModels ...Kim Daeun
 
MOODv2 : Masked Image Modeling for Out-of-Distribution Detection
MOODv2 : Masked Image Modeling for Out-of-Distribution DetectionMOODv2 : Masked Image Modeling for Out-of-Distribution Detection
MOODv2 : Masked Image Modeling for Out-of-Distribution DetectionKim Daeun
 
캐드앤그래픽스 2024년 5월호 목차
캐드앤그래픽스 2024년 5월호 목차캐드앤그래픽스 2024년 5월호 목차
캐드앤그래픽스 2024년 5월호 목차캐드앤그래픽스
 
Console API (Kitworks Team Study 백혜인 발표자료)
Console API (Kitworks Team Study 백혜인 발표자료)Console API (Kitworks Team Study 백혜인 발표자료)
Console API (Kitworks Team Study 백혜인 발표자료)Wonjun Hwang
 
A future that integrates LLMs and LAMs (Symposium)
A future that integrates LLMs and LAMs (Symposium)A future that integrates LLMs and LAMs (Symposium)
A future that integrates LLMs and LAMs (Symposium)Tae Young Lee
 

Dernier (6)

Merge (Kitworks Team Study 이성수 발표자료 240426)
Merge (Kitworks Team Study 이성수 발표자료 240426)Merge (Kitworks Team Study 이성수 발표자료 240426)
Merge (Kitworks Team Study 이성수 발표자료 240426)
 
Continual Active Learning for Efficient Adaptation of Machine LearningModels ...
Continual Active Learning for Efficient Adaptation of Machine LearningModels ...Continual Active Learning for Efficient Adaptation of Machine LearningModels ...
Continual Active Learning for Efficient Adaptation of Machine LearningModels ...
 
MOODv2 : Masked Image Modeling for Out-of-Distribution Detection
MOODv2 : Masked Image Modeling for Out-of-Distribution DetectionMOODv2 : Masked Image Modeling for Out-of-Distribution Detection
MOODv2 : Masked Image Modeling for Out-of-Distribution Detection
 
캐드앤그래픽스 2024년 5월호 목차
캐드앤그래픽스 2024년 5월호 목차캐드앤그래픽스 2024년 5월호 목차
캐드앤그래픽스 2024년 5월호 목차
 
Console API (Kitworks Team Study 백혜인 발표자료)
Console API (Kitworks Team Study 백혜인 발표자료)Console API (Kitworks Team Study 백혜인 발표자료)
Console API (Kitworks Team Study 백혜인 발표자료)
 
A future that integrates LLMs and LAMs (Symposium)
A future that integrates LLMs and LAMs (Symposium)A future that integrates LLMs and LAMs (Symposium)
A future that integrates LLMs and LAMs (Symposium)
 

태블릿과 HTML5 기술 (조경 인사이트 포럼, 2011)

  • 1. 태블릿 PC와 HTML5 웹 기술 Tablet PC and HTML5 Web Technology 윤석찬 ㈜다음커뮤니케이션 http://channy.creation.net channy@creation.net http://twitter.com/channyun
  • 3. 모바일 OS가 주목 받는 이유 • 왜 모바일 OS인가? – 데스크톱 OS가 태블릿에서 실패했기 때문 – 모바일과 데스크톱 사이의 영역을 새롭게 정의 – 인터넷 기반의 웹 애플리케이션의 성장 – 전혀 새로운 소프트웨어 생태계 주도 • 태블릿 애플리케이션의 구도 – 태블릿 OS의 네이티브 개발 환경 • iPhone OS, Android, WindowsPhone, Symbian… – 차세대 웹 표준 기반 개발 환경 • HTML5 (Audio, Video, Canvas, SVG, CSS3, WebSocket…)
  • 4. 무엇이 문제인가? Even Google was not rich enough to support all of the different mobile platforms from Apple’s AppStore to those of the BlackBerry, Windows Mobile, Android and the many variations of the Nokia platform - Vic Gundotra, Google Engineering VP
  • 5. 리치 웹 기술의 성장 • 과거의 유산 – 웹 브라우저 전쟁 및 비표준 웹 브라우저 (IE6) – 플러그인 양산 ActiveX, NS Plugin, Flash • 웹 2.0과 웹 애플리케이션 – 브로드밴드 환경 하에 사용자 참여 기반의 웹 플랫폼 성장 – Ajax 기반의 리치 웹 애플리케이션 성장 (구글맵, 지메일) – 현대적 웹 브라우저의 기술 혁신 (파이어폭스, 사파리, 크롬) • 새로운 트렌드 – HTML5 기반 리치 웹 애플리케이션 제공 – 모바일 및 태블릿 OS에서 적극 이용 가능
  • 6. 리치 웹 기술의 현황 PC O 웹 기반 표준 모바일 O 태블릿 O 바이너리 PC O 모바일 X 플러그인 태블릿 X
  • 8. HTML5 Right now? • Google.com • Apple.com • Mozilla.com • html5gallery.com And many more…
  • 9. HTML5의 주요 기술 요소(1) ActiveX기반 전자 결재 에디터 모듈 미디어 플레이어 미디어 플레이어 플러그인 플러그인
  • 10. HTML5의 주요 기술 요소(2) 배너 광고 사이트메뉴 파일첨부 플러그인 플러그인 플러그인
  • 13. 모바일에서 주요 구현 현황 Canvas √ √ √ √ √ √ √ √ Video/Audio √ √ √ √ √ √ √ √ WebGL √ √ √ √ √ √ SVG √ √ √ √ √ √ √ √ Workers √ √ √ √ √ √ √ √
  • 14. HTML5 시대의 웹 프레임웍 age tor bS s We nva Ca Local Local Plug-in Storage dra Storage san ase Ca Hb bG L a che We pC Ap NoSQL Internet ML 5 Structure HT Ajax RESTful {"Name": "Cheeso", disk disk et "Rank": 7} oc k bS We CS S3 Presentation AP I Cloud ect or Se l n Computing tio Behavior Ge oloca WS zur e rop nA SA g&D azo M Dra Am
  • 15. 온라인 기반 애플리케이션 Hand of Greed http://brainiumstudios.com/webapp/ Spin the Bottle http://www.idean.com/iphone/spin/ • Canvas 이용 간단한 멀티미디어 기능 구현 가능 • 광고 및 온라인 게임 등 활용
  • 16. 하이브리드형 애플리케이션 Harmonious - 웹 기반 스케치패드 http://harmoniousapp.com/ • 아이폰 앱 안에 웹 기반 UI 제공 • 네이티브+웹 기반 형태로 앱스토어에서 다운로드 가능
  • 17. 오프라인 애플리케이션 Monocle - 웹 기반 eBook Reader http://monocle.inventivelabs.com.au/ • HTML5기술+로컬 저장소만 이용한 애플리케이션 • App Cache 혹은 앱스토어를 통해 배포 가능
  • 18. 차세대 빅뱅: Chrome OS? • 웹 기반 차세대 태블릿 OS • 웹 앱스토어 마켓 • 디바이스 API 지원
  • 19. 결론 • 차세대 태블릿 OS는 기존 PC와 다른 환경이다. – 태블릿 OS는 모바일과 데스크탑과의 중간 – 인터넷 기반 웹 애플리케이션이 차지하는 영역 • 다양한 태블릿 OS의 변화 – 모바일 OS: 아이폰(아이패드), 안드로이드, 윈도우폰 – 태블릿 OS: Chrome OS vs. Windows 7 • 웹 기반 개발 플랫폼의 성장 – 다양한 모바일 개발 환경에 대한 비용의 증가 – HTML5 기반 리치 웹 개발 환경의 혁신