세르게이의 HTML5&CSS3-내지_ indd

Size: px
Start display at page:

Download "세르게이의 HTML5&CSS3-내지_ indd"

Transcription

1 HTML CSS CHAPTER_1 HTML5 소개

2 둘러보기이책에대하여 HTML이란무엇인가? 주요 HTML 버전 HTML5 XHTML5 CSS3 왜 HTML5 를사용해야하는가? HTML5 의장점 누구를위한책인가? HTML5 브랜드정책 로고 기술클래스아이콘

3 둘러보기 이책에대하여 HTML과 CSS는웹언어로서는가장기초이자기본적인것들이며, 무수히많은웹사이트와웹애플리케이션을구현하기위한기초를제공한다. HTML5는플러그인없는풍부한인터넷애플리케이션기능, 손쉬운개발및향상된사용자경험을제공하는웹의미래로서자리를잡아가고있다. 현재에도웹을통해레퍼런스, 튜토리얼, 팁등 HTML5에대한풍부한정보들을얻을수있다. 또한 HTML5의특정기능에중점을둔몇가지훌륭한서적들도이미출간된상태이다. 그러나이러한정보들을상대적으로간략하게요약한, 한손에들수있을정도의레퍼런스형태의책이필요한것도사실이다. 이책은전문웹디자이너와개발자를위한기본적인기술사전으로서 3천페이지가넘는 (X)HTML5와 CSS3 명세를보기편하게요약하며, 대부분의기본컨셉과태그, 값, 객체, 속성, 메서드, 이벤트및 API를포함한명세들을포함하고있다. 주제는다음과같다. HTML5 소개 HTML5과 XTML5 문법규칙 문서의미적구조 HTML5 요소와특성요약 HTML5 폼 글로벌특성과이벤트 CSS3 속성요약 캔버스, SVG, 비디오, 오디오, 웹작업자 Web Worker, 웹소켓 Web Sockets, 마이크로데이터, 지오로케이션 Geolocation, 웹저장소등을비롯한 HTML5 API들필자의목표는간결하고, 단순하며, 읽기쉽고, 잘구조화되어있지만포괄적인레퍼런스를만드는것이다. 12 세르게이의 HTML5 & CSS3 퀵레퍼런스

4 HTML 이란무엇인가? HTML 이라는머리글자는 HyperText Markup Language 의약자이다. 우선이언어는월드와이드웹을위한마크업언어이며, 제목이나문단, 표, 꼬리글 Footer 및기타요소를이용하여콘텐츠의구조를정의함으로써웹문서를만드는기능을제공한다. HTML 마크업은주로 CSS Cascading Style Sheet` 를활용하여콘텐츠의시각적특성들을기술한다. CSS를이용하면문서의 HTML 콘텐츠를레이아웃, 색상및글꼴과같은시각적특성들과분리할수있다. HTML은이미지, 비디오, 오디오및각종객체들을포함할수있을뿐아니라상호작용이가능한양식을구현할수도있다. HTML 코드는웹페이지의동적동작을구현하기위해자바스크립트와같은스크립트코드를포함할수도있다. 주요 HTML 버전 첫번째 HTML 문서는 1991 년버너스리 Berners-Lee 에의해 HTML 태그 라고불렸다. W3C World Wide Web Consortium 권고안으로서 1997년 HTML 4.0이등장했으며, Trnasitional, Strict 및 Frameset 등세가지형태로제공되었다. 보다제한된형태의 HTML 마크업인 XHTML 1.0이 2000년에서 2002년사이에등장했다. 이규약은 XML 문법의요구사항을따른다 년부터 2006년사이에 XHTML 2.0의작업초안버전이발표되었다. 이표준의목적은기존버전을근본적으로수정하기위한것이었지만하위호환성을희생해야만했다. 나중에 W3C는이초안을표준으로제정하기위한개발과정을중단했으며, 보다유연한 HTML5 표준을지지하게된다 년 W3C는 HTML5의첫번째공식초안을발표한다. XHTML5는 2009년부터아직개발중이다. HTML5 HTML5의개발은 2004년애플컴퓨터 Apple Computer, 모질라재단 Mozilla Foundation 및오페라소프트웨어 Opera Software 의전문가들이 WHATWG Web Hypertext Application Technology Working Group 라는이름의비공식그룹을창설하면서시작되었다. 구글 Google 의이안힉슨 Ian Hickson 이 HTML5 명세의선임 작성자이다. WHATWG HTML5 명세는결국 2007년 W3C로편입되었다. HTML5 마크업은 XHTML2.0 보다는 HTML4와 XHTML1.0 과의하위호환성을더많이고려하고있다. CHAPTER 1 _ HTML5 소개 13

5 HTML5는일반적인 HTML 요소들을대체할보다의미있는새로운요소들을대거정의하였다. 예를들어 <header>, <footer>, <section>, <nav>, <article> 처럼레이아웃과관련된요소들이새롭게정의되었다. 또한 HTML4에서정의했던많은요소들을비추천 Deprecated 요소로정의하고있다. HTML5는표준화된비디오및오디오인터페이스, 이미지의래스터화, 로컬데이터베이스, 오프라인모드, 더욱효과적인멀티스레드기반의자바스크립트, 문서간메시징 Cross Document Messaging 등을비롯한여러기능을플러그인없이도실행할수있는기능을제공한다. XHTML5 XHTML5는 HTML5의 XML 버전이다. XHTML5 문서는 application/xhtml+xml 처럼 XML MIME 타입을사용한다. 또한 XHTML5는잘정의된 (Well-formed, 역주잘정의된 XML이란문서의구조를구성하는 DTD나 XML 스키마가존재하지않더라도 XML 파서가문서를파싱하는데아무런문제가없도록구성된 XML 문서를의미한다 ) 문법을강력하게요구한다. XHTML5 문서에서 HTML5 문서타입선언은선택적이며생략이가능하다. XHTML5는 SVG나 MathML과같은 XML 기반기술에 HTML5의특성을도입할때활용될수있을것이다. CSS3 CSS 역시새로운버전이정의되었으며, 더욱뛰어난확장성을제공하는검증된모듈들이제공된다. CSS3에서는상당히많은새로운기능들이추가되었다. 특성과특성값이일치하거나, 구조적인의사클래스 Pseudo-Classes, URL에명시된대상에만스타일을지정하는대상의사클래스, 라디오버튼이나체크박스요소등체크가가능한요소에적용될스타일을지정하는체크의사클래스등다양한방법으로요소들을선택할수있는방법을제공한다. 텍스트효과는물론자동하이픈, 공백및텍스트양쪽정렬 Justification 과같은레이아웃효과들이추가되었다. 미디어의페이징 Paging 과자동생성콘텐츠를통해머리글과꼬리글, 페이지번호, 각주및상호참조등다양한옵션들을제공한다. 다중컬럼레이아웃속성을통해여러행을가진레이아웃을지원한다. 첫글자및첫문단을표현하는의사클래스를지원한다. 아시아국가를위해단어의상단이나옆에작은주석을추가할수있는루비모듈을지원한다. 14 세르게이의 HTML5 & CSS3 퀵레퍼런스

6 왜 HTML5 를사용해야하는가? HTML5 의장점 하위호환성 : HTML5는기존의모든문서타입을래핑한다. 간단한문법 : 의미적요소들이강화되었으며, 생산성이향상된코딩을지원하며, 문서의크기가작다. 디자인과개발을더욱유연하게도와주는새로운요소와특성들을제공한다. 플러그인없이도비디오와오디오를비롯한미디어를재생할수있다. 스마트웹폼 2.0 기능 (HTML5는웹폼 2.0을대체한다 ) text/html MIME 타입을사용하면서도 SVG 및 MathML을인-라인 In-line 으로활용할수있는기능을제공한다. 플러그인이필요없는스크립트 API를 20여종이상지원하며, 주요 API는다음과같다. 2D 그래픽을위한캔버스요소 문서편집 드래그-앤-드롭 지오로케이션 로컬오프라인저장소 미디어캡처 마이크로데이터 핵심정리 : 쉬운개발과향상된사용자경험을제공한다. 누구를위한책인가? 다음의도식은제스개럿 Jesse Garrett ( 역주 Adaptive Path사의 CEO, Ajax라는개념을처음으로웹에공개한주인공이다 ) 의사용자경험을위한요소다이어그램을참고한것이다. 이도식은전형적인웹애플리케이션개발사이클과그에참여하는다양한역할들, 그리고이들이 HTML5및 CSS3에대한지식과기술을사용했을때의이점등을표시한것이다. HTML과 CSS에익숙하며, 웹사이트 / 웹애플리케이션개발에관심이있는사람이라면이책을통해디자인과사용자경험이슈에대한여러이점을얻을수있다. CHAPTER 1 _ HTML5 소개 15

7 웹애플리케이션개발주기 요소 단계 역할 최종사용자 교육 교육, 온라인도움말 교육 온라인학습디자이너, 학습분석가 검증 품질검증 테스트 QA 분석가, UAT 실제구현 UI/ 애플리케이션디자인 / 개발 애플리케이션디자인, 프론트엔드코드, 애플리케이션코드 소프트웨어아키텍트, 프론트엔드 UI 개발자, 애플리케이션개발자 뼈대구현 룩앤드필 구조 사용자인터페이스아키텍처 시각디자인, 브랜드마케팅 정보아키텍처 DHTML 프로토타입 ( 개발자가재사용가능 ) 룩앤드필컨셉, 하이파이프로토타입 분류체계, 와이어프레임, 클릭가능한프로토타입, 사용성테스트 인터페이스디자이너 / UI 아키텍트 크리에이티브디자이너, 아트디렉터 UX/ 정보아키텍트 인터렉티브크리에이티브디렉터 범위 기능명세 유스케이스문서, 데이터명세 비즈니스시스템분석가 전략 목적 고수준요구사항 제품관리자 고객 HTML5 브랜드정책 2011 년 1 월 18 일, W3C 는 HTML5 의시각적브랜드정책을발표했다. 여기에는최신웹 애플리케이션과웹사이트를표현하기위한로고와기술클래스아이콘등이포함되어있다. 로고, Creative Commons Attribution 3.0 Unported 아이콘및웹사이트는모두크리에이티브커먼즈어트리뷰션 3.0 포팅불가라이선스가적용되어있다. W3C는 HTML5 기술을이용하여개발된웹사이트 / 애플리케이션이이를알릴수있도록시각적브랜드정책을사용할것을권하고있다. HTML5의로고는 에서다운로드할수있다. 16 세르게이의 HTML5 & CSS3 퀵레퍼런스

8 로고 HTML5 로고는코드의유효성이나적합성을암시하지는않는다. 기술클래스아이콘 시맨틱 구조에의미를부여하는시맨틱은 HTML5 의중심이다. RDF, 마이크로데이터및마이크로포맷과 더불어풍부한태그들은프로그램은물론사용자에게보다유용하며, 데이터중심의웹을제공할수있다. 오프라인과저장소 웹캐시를비롯하여로컬저장소, 인덱스 DB 및파일 API 명세등 HTML5가제공하는 API 덕분에웹애플리케이션은더빨리시작할수있으며, 심지어인터넷연결이없는곳에서도동작할수있다. CHAPTER 1 _ HTML5 소개 17

9 기기에대한접근 웹애플리케이션은지오로케이션 Geolocation API 를비롯하여마이크나카메라같은오디오비디오 입력에대한접근은물론주소록, 이벤트및기울임방향등모바일기기에특화된더풍부한기능과경험을제공할수있게되었다. 연결성 보다효율적인연결성은보다실시간에가까운채팅, 더빠른게임및발전된커뮤니케이션등을의미한다. 웹소켓과서버측이벤트를통해지금까지보다훨씬효율적으로클라이언트와서버간데이터전달이가능하다. 멀티미디어 HTML5 는 <audio> 와 <video> 요소와같은요소들을통해 HTML 문서내에손쉽게미디어를 포함하는방법을제공함으로써플러그인이나외부플레이어에의존하지않고미디어를지원할수있는기능을내장하고있다. 3D, 그래픽및효과 SVG, 캔버스, WebGL 및 CSS3 3D 기능을통해브라우저에직접렌더링되는놀라운시각효과를 사용자에게제공할수있다. 18 세르게이의 HTML5 & CSS3 퀵레퍼런스

10 성능과통합 웹작업자와 XMLHttpRequest2 와같은다양한기법과기술을이용하여웹애플리케이션과동적 웹콘텐츠가더빨리동작하도록만들수있어, 이로인해사용자가기다리는시간을줄일수있다. CSS3 CSS3 는개발자가의도한구조나성능에영향을주지않으면서도폭넓은스타일링과효과를 지원한다. 게다가웹공개글꼴형식 WOFF: Web Open Font Format 을통해유연한글꼴을제공하며, 지금까지와는차원이다른글꼴제어를가능하게한다. CHAPTER 1 _ HTML5 소개 19

HTML5가 웹 환경에 미치는 영향 고 있어 웹 플랫폼 환경과는 차이가 있다. HTML5는 기존 HTML 기반 웹 브라우저와의 호환성을 유지하면서도, 구조적인 마크업(mark-up) 및 편리한 웹 폼(web form) 기능을 제공하고, 리치웹 애플리케이 션(RIA)을

HTML5가 웹 환경에 미치는 영향 고 있어 웹 플랫폼 환경과는 차이가 있다. HTML5는 기존 HTML 기반 웹 브라우저와의 호환성을 유지하면서도, 구조적인 마크업(mark-up) 및 편리한 웹 폼(web form) 기능을 제공하고, 리치웹 애플리케이 션(RIA)을 동 향 제 23 권 5호 통권 504호 HTML5가 웹 환경에 미치는 영향 이 은 민 * 16) 1. 개 요 구글(Google)은 2010년 5월 구글 I/O 개발자 컨퍼런스에서 HTML5를 통해 플러 그인의 사용이 줄어들고 프로그램 다운로드 및 설치가 필요 없는 브라우저 기반 웹 플랫폼 환경이 점차 구현되고 있다고 강조했다. 그리고 애플(Apple)은 2010년

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 How to produce ChemML and MathML 조윤상 ( 과편협기획운영위원 ) 1 Applications of XML Applications of XML RDF (Resource Description Framework) : 자원의정보를표현하기위한규격, 구문및구조에대한공통적인규칙을지원. RSS (Rich Site Summary) : 뉴스나블로그사이트에서주로사용하는콘텐츠표현방식.

More information

Week8-Extra

Week8-Extra Week 08 Extra HTML & CSS Joonhwan Lee human-computer interaction + design lab. HTML CSS HTML, HTML 5 1. HTML HTML HTML HTML (elements) (attributes), (arguments). HTML (tag), DTD (Document Type Definition).!4

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 HTML5 웹프로그래밍입문 1 장. 인터넷과웹환경의발전 목차 1.1 인터넷의역사 1.2 HTML의발전 1.3 인터넷의기본개념 1.4 웹브라우저의종류 소스코드실행사이트 주소 : http://webclass.me/html5_2e 폴더 ch02/ ~ ch14/ 에각장의예제가있어서실행결과확인및소스보기가가능합니다. 1.1 인터넷의역사 1.1.1 인터넷의발전과정 1.1.2

More information

Ⅰ. 서론 1989년 CERN의 팀 버너스 리에 의해 만들어진 월드 와이드 웹 기술은 HTML(HyperText Markup Language), URL(Unified Resource Locator, HTTP(Hyper- Text Transfer Protocol)이라는

Ⅰ. 서론 1989년 CERN의 팀 버너스 리에 의해 만들어진 월드 와이드 웹 기술은 HTML(HyperText Markup Language), URL(Unified Resource Locator, HTTP(Hyper- Text Transfer Protocol)이라는 HTML5 기반의 웹 플랫폼 기술 표준화 동향 d 융합환경하에서의 신성장동력 분석 특집 전종홍 (J.H. Jeon) 이승윤 (S.Y. Lee) 서비스융합표준연구팀 책임연구원 서비스융합표준연구팀 팀장 Ⅰ. 서론 Ⅱ. 웹 기술의 진화 Ⅲ. 웹 애플리케이션 플랫폼 기술 표준 동향 Ⅳ. 웹 운영체제 기술 동향 Ⅴ. 결론 * 본 연구는 방송통신위원회의 지원을 받는 방송통신표준개발지원사업의

More information

쉽게 풀어쓴 C 프로그래밍

쉽게 풀어쓴 C 프로그래밍 CHAPTER 13. HTML5 위치정보와드래그앤드롭 SVG SVG(Scalable Vector Graphics) 는 XML- 기반의벡터이미지포맷 웹에서벡터 - 기반의그래픽을정의하는데사용 1999 년부터 W3C 에의하여표준 SVG 의장점 SVG 그래픽은확대되거나크기가변경되어도품질이손상되지않는다. SVG 파일에서모든요소와속성은애니메이션이가능하다. SVG 이미지는어떤텍스트에디터로도생성하고편집할수있다.

More information

HTML5* Web Development to the next level HTML5 ~= HTML + CSS + JS API

HTML5* Web Development to the next level HTML5 ~= HTML + CSS + JS API WAC 2.0 & Hybrid Web App 권정혁 ( @xguru ) 1 HTML5* Web Development to the next level HTML5 ~= HTML + CSS + JS API Mobile Web App needs Device APIs Camera Filesystem Acclerometer Web Browser Contacts Messaging

More information

SIGIL 완벽입문

SIGIL 완벽입문 누구나 만드는 전자책 SIGIL 을 이용해 전자책을 만들기 EPUB 전자책이 가지는 단점 EPUB이라는 포맷과 제일 많이 비교되는 포맷은 PDF라는 포맷 입니다. EPUB이 나오기 전까지 전 세계에서 가장 많이 사용되던 전자책 포맷이고, 아직도 많이 사 용되기 때문이기도 한며, 또한 PDF는 종이책 출력을 위해서도 사용되기 때문에 종이책 VS

More information

제이쿼리 (JQuery) 정의 자바스크립트함수를쉽게사용하기위해만든자바스크립트라이브러리. 웹페이지를즉석에서변경하는기능에특화된자바스크립트라이브러리. 사용법 $( 제이쿼리객체 ) 혹은 $( 엘리먼트 ) 참고 ) $() 이기호를제이쿼리래퍼라고한다. 즉, 제이쿼리를호출하는기호

제이쿼리 (JQuery) 정의 자바스크립트함수를쉽게사용하기위해만든자바스크립트라이브러리. 웹페이지를즉석에서변경하는기능에특화된자바스크립트라이브러리. 사용법 $( 제이쿼리객체 ) 혹은 $( 엘리먼트 ) 참고 ) $() 이기호를제이쿼리래퍼라고한다. 즉, 제이쿼리를호출하는기호 제이쿼리 () 정의 자바스크립트함수를쉽게사용하기위해만든자바스크립트라이브러리. 웹페이지를즉석에서변경하는기능에특화된자바스크립트라이브러리. 사용법 $( 제이쿼리객체 ) 혹은 $( 엘리먼트 ) 참고 ) $() 이기호를제이쿼리래퍼라고한다. 즉, 제이쿼리를호출하는기호 CSS와마찬가지로, 문서에존재하는여러엘리먼트를접근할수있다. 엘리먼트접근방법 $( 엘리먼트 ) : 일반적인접근방법

More information

HTML5 인터넷보충학습자료 (2014) 1 강. HTML5 알아보기 1 강. HTML5 알아보기 1. HTML5 개요 1.1 HTML Ÿ HTML(HyperText Markup Language) 월드와이드웹 (World Wide Web) 에서사용하는마크업언어 인터넷망

HTML5 인터넷보충학습자료 (2014) 1 강. HTML5 알아보기 1 강. HTML5 알아보기 1. HTML5 개요 1.1 HTML Ÿ HTML(HyperText Markup Language) 월드와이드웹 (World Wide Web) 에서사용하는마크업언어 인터넷망 1. HTML5 개요 1.1 HTML HTML(HyperText Markup Language) 월드와이드웹 (World Wide Web) 에서사용하는마크업언어 인터넷망에서사용하는웹페이지구조를표한하기위한언어 마크업 (Markup) 언어마크업 ( 태그, 문서의구조와내용에추가적인정보를부여하기위해삽입되는일련의문자또는기호 ) 의형식과규칙을정의한언어 문서내용자체에대한정보가아닌이들이어떻게배치되고어떠한크기와모양등을가지는지에대한정보를표현하기위한언어

More information

01장 웹 개요와 실습 환경 구축

01장 웹 개요와 실습 환경 구축 01 장 웹개요와실습환경구축 목차 1. 인터넷과웹소개 2. 웹의동작원리 3. 보조웹표준기술소개 4. HTML5 주요기능소개 5. 실습환경구축 학습목표 1. 웹의개념과특징을이해한다. 2. 웹의동작원리를이해한다. 3. 대표적인웹표준기술의특징을이해한다. HTML5, CSS3, 자바스크립트 4. 웹프로그래밍을위한개발환경을구축한다. 1. 인터넷과웹소개 인터넷 (Internet)

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 05 장 CSS3 선택자 1. 선택자개요 2. 기본선택자 3. 속성선택자 4. 후손선택자와자손선택자 5. 반응 / 상태 / 구조선택자 CSS 블록을생성할수있다. 선택자를이해하고적절한선택자를활용할수있다. 1 선택자개요 CSS3 선택자 특정한 HTML 태그를선택할때사용하는기능 선택한태그에원하는스타일이나스크립트적용가능 그림 5-1 CSS 블록 CSS 블록 style

More information

WebRTC 플러그인이 필요없는 웹폰 새로운 순수 VoIP 클라이언트 기반의 최신 WebRTC 기술은 기존 레가시 자바 클라이언트를 대체합니다. 새로운 클라이언트는 윈도우/리눅스/Mac 에서 사용가능하며 Chrome, Firefox 및 오페라 브라우저에서는 바로 사용이

WebRTC 플러그인이 필요없는 웹폰 새로운 순수 VoIP 클라이언트 기반의 최신 WebRTC 기술은 기존 레가시 자바 클라이언트를 대체합니다. 새로운 클라이언트는 윈도우/리눅스/Mac 에서 사용가능하며 Chrome, Firefox 및 오페라 브라우저에서는 바로 사용이 WebRTC 기능이 채택된 ICEWARP VERSION 11.1 IceWarp 11.1 은 이메일 산업 부문에 있어 세계 최초로 WebRTC 음성 및 비디오 통화 기능을 탑재하였으며 이메일 산업에 있어 최선두의 제품입니다. 기업의 필요한 모든 것, 웹 브라우저 하나로 가능합니다. WebRTC 플러그인이 필요없는 웹폰 새로운 순수 VoIP 클라이언트 기반의 최신

More information

Web Scraper in 30 Minutes 강철

Web Scraper in 30 Minutes 강철 Web Scraper in 30 Minutes 강철 발표자 소개 KAIST 전산학과 2015년부터 G사에서 일합니다. 에서 대한민국 정치의 모든 것을 개발하고 있습니다. 목표 웹 스크래퍼를 프레임웍 없이 처음부터 작성해 본다. 목표 웹 스크래퍼를 프레임웍 없이 처음부터 작성해 본다. 스크래퍼/크롤러의 작동 원리를 이해한다. 목표

More information

3월16일자.hwp

3월16일자.hwp 동향 * 16) 1. 개요 구글 (Google) 은 2010년 5월구글 I/O 개발자컨퍼런스에서 HTML5를통해플러그인의사용이줄어들고프로그램다운로드및설치가필요없는브라우저기반웹플랫폼환경이점차구현되고있다고강조했다. 그리고애플 (Apple) 은 2010년 2월에출시한아이패드에서처리속도를지연시키는플래시 (flash) 를지원하지않고 HTML5 를이용하여웹브라우저에서오디오,

More information

Windows 8에서 BioStar 1 설치하기

Windows 8에서 BioStar 1 설치하기 / 콘텐츠 테이블... PC에 BioStar 1 설치 방법... Microsoft SQL Server 2012 Express 설치하기... Running SQL 2012 Express Studio... DBSetup.exe 설정하기... BioStar 서버와 클라이언트 시작하기... 1 1 2 2 6 7 1/11 BioStar 1, Windows 8 BioStar

More information

[Brochure] KOR_TunA

[Brochure] KOR_TunA LG CNS LG CNS APM (TunA) LG CNS APM (TunA) 어플리케이션의 성능 개선을 위한 직관적이고 심플한 APM 솔루션 APM 이란? Application Performance Management 란? 사용자 관점 그리고 비즈니스 관점에서 실제 서비스되고 있는 어플리케이션의 성능 관리 체계입니다. 이를 위해서는 신속한 장애 지점 파악 /

More information

HTML5 와리포팅툴구현사례

HTML5 와리포팅툴구현사례 HTML5 와리포팅툴구현사례 2012.1.31 목차 I. 환경변화와 WEB II. HTML5개요 III. HTML5기반리포팅툴 ( 수행과제소개 ) ICT 발전과웹환경변화 I Smart Phone Social, SNS Open Software, Framework Web 2.0, Open API, Ajax Cloud Computing Virtualization

More information

사용설명서를 읽기 전에 안드로이드(Android)용 아이디스 모바일은 네트워크 연결을 통해 안드로이드 플랫폼 기반의 모바일 기기에서 장치 (DVR, NVR, 네트워크 비디오 서버, 네트워크 카메라) 에 접속하여 원격으로 영상을 감시할 수 있는 프로그램입니다. 장치의 사

사용설명서를 읽기 전에 안드로이드(Android)용 아이디스 모바일은 네트워크 연결을 통해 안드로이드 플랫폼 기반의 모바일 기기에서 장치 (DVR, NVR, 네트워크 비디오 서버, 네트워크 카메라) 에 접속하여 원격으로 영상을 감시할 수 있는 프로그램입니다. 장치의 사 IDIS Mobile Android 사용설명서 Powered by 사용설명서를 읽기 전에 안드로이드(Android)용 아이디스 모바일은 네트워크 연결을 통해 안드로이드 플랫폼 기반의 모바일 기기에서 장치 (DVR, NVR, 네트워크 비디오 서버, 네트워크 카메라) 에 접속하여 원격으로 영상을 감시할 수 있는 프로그램입니다. 장치의 사양 및 버전에 따라 일부

More information

View Licenses and Services (customer)

View Licenses and Services (customer) 빠른 빠른 시작: 시작: 라이선스, 라이선스, 서비스 서비스 및 주문 주문 이력 이력 보기 보기 고객 가이드 Microsoft 비즈니스 센터의 라이선스, 서비스 및 혜택 섹션을 통해 라이선스, 온라인 서비스, 구매 기록 (주문 기록)을 볼 수 있습니다. 시작하려면, 비즈니스 센터에 로그인하여 상단 메뉴에서 재고를 선택한 후 내 재고 관리를 선택하십시오. 목차

More information

PowerPoint Presentation

PowerPoint Presentation WordPress 를이용한웹사이트만들기 2015 년 한지웅 WordPress 를이용한웹사이트만들기 Day 1 Day 2 Day 3 Day 4 Day 5 1. 웹사이트제작기초 HTLM 기본 CSS 기본 WordPress 개론 ( 웹사이트구축툴 ) 2. 웹호스팅 / 웹사이트구축 웹호스팅업체선택 cpanel 설정 WordPress 설치 3. WordPress 기초활용

More information

Javascript

Javascript 1. HTML 이란? HTML 은 Hyper Text Mark Up Language 의약자로예약되어있는각종태그라는명령어를이용하여웹페이지를작성할때사용하는언어입니다. 2. HTML 의기본구조 < 태그 > 내용 < 태그속성 = 변수 > 내용

More information

슬라이드 1

슬라이드 1 HTML5 & CSS3 Html5 와 CSS3 의기본이해와이를응용한모바일웹사이트와더나아가반응형웹사이트를제작이가능해진 다. PC 와다양한모바일기기에서보여지는웹사이트를각각의해상도에맞춰서제작할필요없이하나의반 응형웹사이트를만들면이미지, 폰트, UI 등이자동으로변환되어이용할수있다. 1 차시 HTML5 기반의 Web App HTML5 기반의 Web App 소개 2 차시

More information

Microsoft PowerPoint - 11주차_Android_GoogleMap.ppt [호환 모드]

Microsoft PowerPoint - 11주차_Android_GoogleMap.ppt [호환 모드] Google Map View 구현 학습목표 교육목표 Google Map View 구현 Google Map 지원 Emulator 생성 Google Map API Key 위도 / 경도구하기 위도 / 경도에따른 Google Map View 구현 Zoom Controller 구현 Google Map View (1) () Google g Map View 기능 Google

More information

PowerPoint Template

PowerPoint Template JavaScript 회원정보 입력양식만들기 HTML & JavaScript Contents 1. Form 객체 2. 일반적인입력양식 3. 선택입력양식 4. 회원정보입력양식만들기 2 Form 객체 Form 객체 입력양식의틀이되는 태그에접근할수있도록지원 Document 객체의하위에위치 속성들은모두 태그의속성들의정보에관련된것

More information

2009방송통신산업동향.hwp

2009방송통신산업동향.hwp 제 1 절인터넷포털 53) 목차 1. 163. 163. 166 2. 168 176 1. 시장동향 가. 시장규모. 2008 2009. PWC 2008 / 15.6% 599. 2009 1.9% 587. *, (02) 570-4112, byjung@kisdi.re.kr 163 제 3 장 인터넷콘텐츠 < 표 3-1> 세계온라인광고시장규모추이 ( :, %) 2007

More information

(Microsoft PowerPoint \277\243\305\315\307\301\266\363\300\314\301\356 \260\374\301\241\300\307 HTML5)

(Microsoft PowerPoint \277\243\305\315\307\301\266\363\300\314\301\356 \260\374\301\241\300\307 HTML5) - W3C 가개발중인차세대 HTML 표준, HTML5 - 엔터프라이즈관점의 HTML5 2 HTML5 관련최근주요업계동향은? HTML5 vs (Flash vs Silverlight) 3 4 5

More information

0. 들어가기 전

0. 들어가기 전 컴퓨터네트워크 14 장. 웹 (WWW) (3) - HTTP 1 이번시간의학습목표 HTTP 의요청 / 응답메시지의구조와동작원리이해 2 요청과응답 (1) HTTP (HyperText Transfer Protocol) 웹브라우저는 URL 을이용원하는자원표현 HTTP 메소드 (method) 를이용하여데이터를요청 (GET) 하거나, 회신 (POST) 요청과응답 요청

More information

슬라이드 1

슬라이드 1 웹프로그래밍소개 류관희 충북대학교 강사소개 충북대학교소프트웨어학과 khyoo@chungbuk.ac.kr 컴퓨터그래픽스및콘텐츠연구실 http://cgac.chungbuk.ac.kr 강의교재 한번에배우는 HTML5+ 자바스크립트, 지닌마이어 ( 김지원옮김 ), 한빛미디어, 2011 HyperText 1965, Nelson HyperCard 1987 Apple 4

More information

XSS Attack - Real-World XSS Attacks, Chaining XSS and Other Attacks, Payloads for XSS Attacks

XSS Attack - Real-World XSS Attacks, Chaining XSS and Other Attacks, Payloads for XSS Attacks XSS s XSS, s, May 25, 2010 XSS s 1 2 s 3 XSS s MySpace 사건. Samy (JS.Spacehero) 프로필 페이지에 자바스크립트 삽입. 스크립트 동작방식 방문자를 친구로 추가. 방문자의 프로필에 자바스크립트를 복사. 1시간 만에 백만 명이 친구등록. s XSS s 위험도가 낮은 xss 취약점을 다른 취약점과 연계하여

More information

이도경, 최덕재 Dokyeong Lee, Deokjai Choi 1. 서론

이도경, 최덕재 Dokyeong Lee, Deokjai Choi 1. 서론 이도경, 최덕재 Dokyeong Lee, Deokjai Choi 1. 서론 2. 관련연구 2.1 MQTT 프로토콜 Fig. 1. Topic-based Publish/Subscribe Communication Model. Table 1. Delivery and Guarantee by MQTT QoS Level 2.1 MQTT-SN 프로토콜 Fig. 2. MQTT-SN

More information

Eclipse 와 Firefox 를이용한 Javascript 개발 발표자 : 문경대 11 년 10 월 26 일수요일

Eclipse 와 Firefox 를이용한 Javascript 개발 발표자 : 문경대 11 년 10 월 26 일수요일 Eclipse 와 Firefox 를이용한 Javascript 개발 발표자 : 문경대 Introduce Me!!! Job Jeju National University Student Ubuntu Korean Jeju Community Owner E-Mail: ned3y2k@hanmail.net Blog: http://ned3y2k.wo.tc Facebook: http://www.facebook.com/gyeongdae

More information

Lab1

Lab1 Lab 1: HTML CSS 2015 Fall human-computer interaction + design lab. Joonhwan Lee HTML Web Server (World Wide Web: WWW)? (., FTP ). web 3 웹 구조의 이해 웹페이지 웹페이지는 HTML 이라는 언어로 만들어진 일종의 프로그램 웹페이지는 텍스트, 이미지, 동영상,

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 명품웹프로그래밍 1 2 강의목표 1. 웹의기본개념과구조를이해한다. 2. 웹서버와웹브라우저의상호관계를이해한다. 3. 웹문서와기존의전자문서와의차이점을이해한다. 4. 웹페이지를구성하는 HTML, CSS, 자바스크립트의 3 요소를이해한다. 5. HTML5의목적과기능을안다. 6. HTML5로웹페이지를작성하는과정을알고필요한도구를안다. 웹의기본목적과구성 3 웹의기본목적

More information

Microsoft PowerPoint - F3-1-이원석

Microsoft PowerPoint - F3-1-이원석 Developing Offline Web Apps 1 ETRI 표준연구센터서비스융합표준연구팀이원석 wslee@{etri.re.kr, w3.org} 목차 웹응용 웹응용이란? 웹응용의종류 웹응용의문제점 Offline 웹응용사례 Offline 웹응용아키텍처 Offline 웹응용툴킷 Google gears Dojo offline Offline 웹응용표준화 결론및향후전망

More information

Ⅰ. 머리말 최근 수년째 세계에서 가장 혁신적이고 경쟁력 있 는 기업으로 평가받고 있는 애플의 성공은 아이폰이 나 아이패드와 같은 하드웨어 그 자체보다는 엄청난 규모의 애플리케이션 개수와 이들을 간편하게 유통시 킬 수 있는 온라인 장터에 그 요인이 있다. 애플의 앱 스

Ⅰ. 머리말 최근 수년째 세계에서 가장 혁신적이고 경쟁력 있 는 기업으로 평가받고 있는 애플의 성공은 아이폰이 나 아이패드와 같은 하드웨어 그 자체보다는 엄청난 규모의 애플리케이션 개수와 이들을 간편하게 유통시 킬 수 있는 온라인 장터에 그 요인이 있다. 애플의 앱 스 모바일 웹 앱을 위한 HTML5 및 프레임워크 동향 사용자 중심 차세대콘텐츠기술 특집 채원석 (W.S. Chae) 박찬우 (C.W. Park) 최완 (W. Choi) 안세영 (S.Y. Ahn) 노병석 (B.S. Roh) 이준우 (J.W. Lee) 콘텐츠서비스연구팀 선임연구원 콘텐츠서비스연구팀 기술원 콘텐츠서비스연구팀 기술원 콘텐츠서비스연구팀 기술원 콘텐츠서비스연구팀

More information

사용설명서를 읽기 전에 ios용 아이디스 모바일은 네트워크 연결을 통해 ios 플랫폼 기반의 모바일 기기(iOS 버전 6.0 이상의 ipod Touch, iphone 또는 ipad)에서 장치(DVR, 네트워크 비디오 서버 및 네트워크 카메라)에 접속하여 원격으로 영상을

사용설명서를 읽기 전에 ios용 아이디스 모바일은 네트워크 연결을 통해 ios 플랫폼 기반의 모바일 기기(iOS 버전 6.0 이상의 ipod Touch, iphone 또는 ipad)에서 장치(DVR, 네트워크 비디오 서버 및 네트워크 카메라)에 접속하여 원격으로 영상을 IDIS Mobile ios 사용설명서 Powered by 사용설명서를 읽기 전에 ios용 아이디스 모바일은 네트워크 연결을 통해 ios 플랫폼 기반의 모바일 기기(iOS 버전 6.0 이상의 ipod Touch, iphone 또는 ipad)에서 장치(DVR, 네트워크 비디오 서버 및 네트워크 카메라)에 접속하여 원격으로 영상을 감시할 수 있는 프로그램입니다.

More information

Microsoft 을 열면 깔끔한 사용자 중심의 메뉴 및 레이아웃이 제일 먼저 눈에 띕니다. 또한 은 스마트폰, 테블릿 및 클라우드는 물론 가 설치되어 있지 않은 PC 에서도 사용할 수 있습니다. 따라서 장소와 디바이스에 관계 없이 언제, 어디서나 문서를 확인하고 편집

Microsoft 을 열면 깔끔한 사용자 중심의 메뉴 및 레이아웃이 제일 먼저 눈에 띕니다. 또한 은 스마트폰, 테블릿 및 클라우드는 물론 가 설치되어 있지 않은 PC 에서도 사용할 수 있습니다. 따라서 장소와 디바이스에 관계 없이 언제, 어디서나 문서를 확인하고 편집 Modern Modern www.office.com ( ) 892 5 : 1577-9700 : http://www.microsoft.com/korea Microsoft 을 열면 깔끔한 사용자 중심의 메뉴 및 레이아웃이 제일 먼저 눈에 띕니다. 또한 은 스마트폰, 테블릿 및 클라우드는 물론 가 설치되어 있지 않은 PC 에서도 사용할 수 있습니다. 따라서 장소와

More information

TTA Journal No.157_서체변경.indd

TTA Journal No.157_서체변경.indd 표준 시험인증 기술 동향 FIDO(Fast IDentity Online) 생체 인증 기술 표준화 동향 이동기 TTA 모바일응용서비스 프로젝트그룹(PG910) 의장 SK텔레콤 NIC 담당 매니저 76 l 2015 01/02 PASSWORDLESS EXPERIENCE (UAF standards) ONLINE AUTH REQUEST LOCAL DEVICE AUTH

More information

Microsoft PowerPoint - web-part01-ch10-문서객체모델.pptx

Microsoft PowerPoint - web-part01-ch10-문서객체모델.pptx 과목명 : 웹프로그래밍응용교재 : 모던웹을위한 JavaScript Jquery 입문, 한빛미디어 Part1. JavaScript / Ch10. 문서객체모델 2014년 1학기 Professor Seung-Hoon Choi 10 문서객체모델 문서객체모델 (Document Object Model, DOM) 웹브라우저가 HTML 페이지를인식하는방식 document

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 Lecture 01: 웹프로그램과 HTML5 Kwang-Man Ko kkmam@sangji.ac.kr, compiler.sangji.ac.kr Department of Computer Engineering Sang Ji University 2019 1 2 강의목표 1. 웹의기본개념과구조를이해한다. 2. 웹서버와웹브라우저의상호관계를이해한다. 3. 웹문서와기존의전자문서와의차이점을이해한다.

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 Html 은웹에서 text, images, movie 등다양한정보의요소를 담을수있는문서형식이다. 정보 (txt, imges) 전송 = 동일한어플리케이션 = 정보 (txt, imges) 정보 (txt, imges Movie, 동작 ) 정보 (txt, imges movie) 어플리케이션 웹브라우저 HTML5 는기존 HTML 에차별화된특징을가진 최신버전의웹표준언어.

More information

wtu05_ÃÖÁ¾

wtu05_ÃÖÁ¾ 한 눈에 보는 이달의 주요 글로벌 IT 트렌드 IDG World Tech Update May C o n t e n t s Cover Story 아이패드, 태블릿 컴퓨팅 시대를 열다 Monthly News Brief 이달의 주요 글로벌 IT 뉴스 IDG Insight 개발자 관점에서 본 윈도우 폰 7 vs. 아이폰 클라우드 컴퓨팅, 불만 검증 단계 돌입 기업의

More information

세르게이의 HTML5&CSS3-내지_ indd

세르게이의 HTML5&CSS3-내지_ indd HTML CSS CHAPTER_2 HTML 문법 HTML 문서 HTML 문서기초요소와태그태그중첩빈요소특성불리언특성 XHTML5 여러버전을지원하는 HTML 문서 XHTML5 정의 문서타입과구조 MIME 타입일반적인 MIME 타입문서객체모델의미적요소 문법요약일반문법규칙 (X)HTML5 빈태그문법선택적태그를사용하는 HTML5 요소요소의타입브라우저호환성을위한스크립팅

More information

Windows Live Hotmail Custom Domains Korea

Windows Live Hotmail Custom Domains Korea 매쉬업코리아2008 컨퍼런스 Microsoft Windows Live Service Open API 한국 마이크로소프트 개발자 플랫폼 사업 본부 / 차세대 웹 팀 김대우 (http://www.uxkorea.net 준서아빠 블로그) Agenda Microsoft의 매쉬업코리아2008 특전 Windows Live Service 소개 Windows Live Service

More information

미쓰리 파워포인트

미쓰리 파워포인트 computer & internet 07. FRAME TAG FRAME? 프레임이란? : 웹페이지를수직이나수평으로여러개영역으로나누어다른웹문서가들어갈수있도록구성할수있음. 이때나누어진각각의창을프레임이라고함. 2 FRAME 문서의구조 HTML 문서에서 태그기능을 프레임문서구조에서는 이대신함 일반웹페이지구조 ..

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 e-business Solution & Service Partner ScrapMate 솔루션소개서 웹사이트수집기 Web Archiving Solution 주식회사크루메이트 137-891 서울특별시서초구양재동 97 번지문정타워 2 층 TEL. 02-573-3844 FAX. 02-573-3843 http://www.crewmate.co.kr Copyright 2005

More information

커버콘텐츠

커버콘텐츠 e Magazine Contents Gallery 52 Info Desk Illustrator Expert 2 Web Technique 17 25 Column 57 Cover Story Calendar 4 61 New Product A to Z Web Center 7 32 Motion Center Q & A 40 66 Photoshop Expert Acrobat

More information

untitled

untitled 웹2.0의 사회 경제적 영향력 2007. 3. 21 < 목 차 > Ⅰ. 웹2.0의 의의 및 현황 1 Ⅱ. 웹2.0은 무엇이 다른가? 4 Ⅲ. 웹2.0의 비즈니스 모델 9 Ⅳ. 사회 경제적 영향 11 산은경제연구소 산업분석 2팀 Ⅰ. 웹2.0의 의의 및 현황 1. 의의 웹2.0이란 무엇인가? 정보의 개방을 통해 인터넷 사용자들간의 정보공유와 참여를 이끌어내고,

More information

Windows 10 General Announcement v1.0-KO

Windows 10 General Announcement v1.0-KO Windows 10 Fuji Xerox 장비와의호환성 v1.0 7 July, 2015 머리말 Microsoft 는 Windows 10 이 Windows 자동업데이트기능을통해예약되어질수있다고 6 월 1 일발표했다. 고객들은 윈도우 10 공지알림을받기 를표시하는새로운아이콘을알아차릴수있습니다. Fuji Xerox 는 Microsoft 에서가장최신운영시스템인 Windows

More information

20주년용

20주년용 지상파 하이브리드 TV 시스템 개발 초고속 통신망의 발전으로 인터넷을 통한 고화질 비디오 서비스가 가능하게 되었고, IPTV 서비스 등의 방통융합서비스도 본격화되고 있 또한 최근에는 단순한 방송시청 뿐 만 아니라 검색이나 SNS 서비스 등의 다양한 기능을 가진 스마트TV도 등장하였 이에 따라 방송 이외의 매체를 통한 비디오 콘텐츠 소비가 증가하고 있고, IT사업자들과

More information

var answer = confirm(" 확인이나취소를누르세요."); // 확인창은사용자의의사를묻는데사용합니다. if(answer == true){ document.write(" 확인을눌렀습니다."); else { document.write(" 취소를눌렀습니다.");

var answer = confirm( 확인이나취소를누르세요.); // 확인창은사용자의의사를묻는데사용합니다. if(answer == true){ document.write( 확인을눌렀습니다.); else { document.write( 취소를눌렀습니다.); 자바스크립트 (JavaScript) - HTML 은사용자에게인터페이스 (interface) 를제공하는언어 - 자바스크립트는서버로데이터를전송하지않고서할수있는데이터처리를수행한다. - 자바스크립트는 HTML 나 JSP 에서작성할수있고 ( 내부스크립트 ), 별도의파일로도작성이가능하다 ( 외 부스크립트 ). - 내부스크립트 - 외부스크립트

More information

비디오 / 그래픽 아답터 네트워크 만약에 ArcGolbe를 사용하는 경우, 추가적인 디스크 공간 필요. ArcGlobe는 캐시파일을 생성하여 사용 24 비트 그래픽 가속기 Oepn GL 2.0 이상을 지원하는 비디오카드 최소 64 MB 이고 256 MB 이상을 메모리

비디오 / 그래픽 아답터 네트워크 만약에 ArcGolbe를 사용하는 경우, 추가적인 디스크 공간 필요. ArcGlobe는 캐시파일을 생성하여 사용 24 비트 그래픽 가속기 Oepn GL 2.0 이상을 지원하는 비디오카드 최소 64 MB 이고 256 MB 이상을 메모리 ArcGIS for Desktop 10.4 Single Use 설치가이드 Software: ArcGIS for Desktop 10.4 Platforms: Windows 10, 8.1, 7, Server 2012, Server 2008 ArcGIS for Desktop 10.4 시스템 요구사항 1. 지원 플랫폼 운영체제 최소 OS 버전 최대 OS 버전 Windows

More information

슬라이드 1

슬라이드 1 모바일소프트웨어프로젝트 지도 API 1 조 20070216 김성수 20070383 김혜준 20070965 이윤상 20071335 최진 1 매시업? 공개 API? 2 매시업 웹으로제공하고있는정보와서비스를융합하여새로운소프트웨어나서비스, 데이터베이스등을만드는것 < 최초의매시업 > 3 공개 API 누구나사용할수있도록공개된 API 지도, 검색등다양한서비스들에서제공 대표적인예

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 데이타베이스시스템연구실 Database Systems Lab. 21. HTML5 정리및하이브리드앱 충남대학교컴퓨터공학과 데이타베이스시스템연구실 HTML5 정리 데이타베이스시스템연구실 Database Systems Lab. The Evolution of the Web http://evolutionofweb.appspot.com/ HTML5 의구성요소 HTML5

More information

Javascript

Javascript 1. 이벤트와이벤트핸들러의이해 이벤트 (Event) 는웹브라우저에서발생하는다양한사건을말합니다. 예를들면, 버튼을마우스로을했다거나브라우저를닫았다거나 Enter 키를눌렀다거나등등아주다양한사건들이있습니다. 그렇다면이벤트핸들러 (Event Handler) 는무엇일까요? 이다양한이벤트들을핸들링 ( 처리 ) 해주는것입니다. 예를들면, 어떤버튼을했을때메시지창이뜨게하는등을말합니다.

More information

Microsoft PowerPoint - aj-lecture1-HTML-CSS-JS.ppt [호환 모드]

Microsoft PowerPoint - aj-lecture1-HTML-CSS-JS.ppt [호환 모드] Web Technology Stack HTML, CSS, JS Basics HTML Tutorial https://www.w3schools.com/html/default.asp CSS Tutorial https://www.w3schools.com/css/default.asp JS Tutorial 524730-1 2019 년봄학기 3/11/2019 박경신 https://www.w3schools.com/html/default.asp

More information

01....b74........62

01....b74........62 4 5 CHAPTER 1 CHAPTER 2 CHAPTER 3 6 CHAPTER 4 CHAPTER 5 CHAPTER 6 7 1 CHAPTER 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50

More information

(291)본문7

(291)본문7 2 Chapter 46 47 Chapter 2. 48 49 Chapter 2. 50 51 Chapter 2. 52 53 54 55 Chapter 2. 56 57 Chapter 2. 58 59 Chapter 2. 60 61 62 63 Chapter 2. 64 65 Chapter 2. 66 67 Chapter 2. 68 69 Chapter 2. 70 71 Chapter

More information

¾Ë·¹¸£±âÁöħ¼�1-ÃÖÁ¾

¾Ë·¹¸£±âÁöħ¼�1-ÃÖÁ¾ Chapter 1 Chapter 1 Chapter 1 Chapter 2 Chapter 2 Chapter 2 Chapter 2 Chapter 2 Chapter 3 Chapter 3 Chapter 3 Chapter 3 Chapter 3 Chapter 3 Chapter 3 Chapter 3 Chapter 4 Chapter 4

More information

HTML5-01강 HTML5 알아보기

HTML5-01강 HTML5 알아보기 표준화문서를기반으로하는지침서 속이깊은 HTML5 & CSS3 김명진지음 01 강 HTML5 알아보기 학습목표 HTML4.01 이발표된이후에무려 10 여년만에새로운 HTML5 버전이표준화로돌아왔다. 이번장에서는 HTML5 의특징에대하여간략히살펴보도록한다. Section 1 HTML5 API 및관련기술들 2 HTML5의주요특징 3 HTML5 미리보기 4 HTML5

More information

저자소개박성진고려대학교에서학사, 석사, 박사학위를취득하고한국전자통신연구원선임연구원을거쳐 2000 년부터한신대학교컴퓨터공학부에서교수로재직중이며웹프로그래밍과데이터베이스관련교과목을강의하고있다. 저서로는 데이터베이스시스템 과 데이터웨어하우스 등이있다. ( 제이쿼리모바일 폰갭을

저자소개박성진고려대학교에서학사, 석사, 박사학위를취득하고한국전자통신연구원선임연구원을거쳐 2000 년부터한신대학교컴퓨터공학부에서교수로재직중이며웹프로그래밍과데이터베이스관련교과목을강의하고있다. 저서로는 데이터베이스시스템 과 데이터웨어하우스 등이있다. ( 제이쿼리모바일 폰갭을 저자소개박성진고려대학교에서학사, 석사, 박사학위를취득하고한국전자통신연구원선임연구원을거쳐 2000 년부터한신대학교컴퓨터공학부에서교수로재직중이며웹프로그래밍과데이터베이스관련교과목을강의하고있다. 저서로는 데이터베이스시스템 과 데이터웨어하우스 등이있다. ( 제이쿼리모바일 폰갭을활용한 ) 모바일웹 + 웹앱 + 하이브리드앱입문 초판인쇄 2015 년 2 월 6 일 초판발행

More information

vRealize Automation용 VMware Remote Console - VMware

vRealize Automation용 VMware Remote Console - VMware vrealize Automation 용 VMware Remote Console VMware Remote Console 9.0 이문서는새버전으로교체되기전까지나열된각제품버전및모든이후버전을지원합니다. 이문서에대한최신버전을확인하려면 http://www.vmware.com/kr/support/pubs 를참조하십시오. KO-002230-00 vrealize Automation

More information

슬라이드 1

슬라이드 1 4. Mobile Service Technology Mobile Computing Lecture 2012. 10. 5 안병익 (biahn99@gmail.com) 강의블로그 : Mobilecom.tistory.com 2 Mobile Service in Korea 3 Mobile Service Mobility 4 Mobile Service in Korea 5 Mobile

More information

Slide 1

Slide 1 Java 기반의오픈소스 GIS(GeoServer, udig) 를지원하는국내공간 DBMS 드라이버의개발 2013. 08. 28. 김기웅 (socoooooool@gmail.com) 임영현 (yhlim0129@gmail.com) 이민파 (mapplus@gmail.com) PAGE 1 1 기술개발의목표및내용 2 기술개발현황 3 커뮤니티운영계획 4 활용방법및시연 PAGE

More information

ca 17회 컨퍼런스 후기

ca 17회 컨퍼런스 후기 2012년을빛낼웹기술 : HTML 5, CSS3, jquery 2012년을빛낼웹기술 : HTML 5, CSS3, jquery 01 02 01 02 CA conference 17 01 일반적인웹기획의과정. 보통어떤웹기술을활용할지의여부는 S1, C1의구현단계에서선택된다. 2012년을웹기획과웹기술클C1 C2 C3 라화면운영산출물이언일반적인웹기획이라하면무엇이떠오르는가?

More information

Microsoft PowerPoint - web-part03-ch20-XMLHttpRequest기본.pptx

Microsoft PowerPoint - web-part03-ch20-XMLHttpRequest기본.pptx 과목명 : 웹프로그래밍응용교재 : 모던웹을위한 JavaScript Jquery 입문, 한빛미디어 Part3. Ajax Ch20. XMLHttpRequest 2014년 1학기 Professor Seung-Hoon Choi 20 XMLHttpRequest XMLHttpRequest 객체 자바스크립트로 Ajax를이용할때사용하는객체 간단하게 xhr 이라고도부름 서버

More information

PowerPoint Presentation

PowerPoint Presentation 웹과인터넷활용및실습 (Web & Internet) Suan Lee - 웹과인터넷활용및실습 (Web & Internet) - 04. CSS3 스타일속성기본 1 04. CSS3 스타일속성 04. CSS3 Style Properties - 웹과인터넷활용및실습 (Web & Internet) - 04. CSS3 스타일속성기본 2 CSS3 단위 1 CSS 는각각의스타일속성에다양한값을입력

More information

PowerPoint Presentation

PowerPoint Presentation 웹과인터넷활용및실습 (Web & Internet) Suan Lee - 웹과인터넷활용및실습 (Web & Internet) - 05 웹페이지의작성 1 05 웹페이지의작성 05 Web Page Creation - 웹과인터넷활용및실습 (Web & Internet) - 05 웹페이지의작성 2 차례 5.1 홈페이지와 HTML 문서 5.1.1 HTML 의역사 5.1.2

More information

Microsoft PowerPoint 의미와 전망-r1

Microsoft PowerPoint 의미와 전망-r1 HTML5 의미와전망 : 사례중심 Jonghong Jeon ETRI, SRC Email: hollobit@etri.re.kr Blog: http://mobile2.tistory.com http://twitter.com/hollobit 한국경제신문사 http://www.etri.re.kr 2011.8.6 20 Presents the WWW has given us

More information

Microsoft PowerPoint - HTML5-교육컨설팅.ppt

Microsoft PowerPoint - HTML5-교육컨설팅.ppt 융합형 IT Specialist 인력양성교육 웹개발기술의변화방향 윤석찬 다음커뮤니케이션 HTML Timeline HTML5 리치웹기술의성장 과거의유산 웹브라우저전쟁및비표준웹브라우저 (IE6) 플러그인양산ActiveX, NS Plugin, Flash 웹 2.0 과웹애플리케이션 브로드밴드환경하에사용자참여기반의웹플랫폼성장 Ajax 기반의리치웹애플리케이션성장 ( 구글맵,

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 JATS to PDF 와구성요소 M2community By Younsang Cho Table of Contents 1. 발간프로세스및 JATS to PDF 작업의장단점 2. 구성요소및생성프로세스 3. 국내, 해외출판사 PDF 생성분석 4. Example XML to PDF 2 학술지 PDF 레이아웃에서갖추어야할내용과기능 학술지발간프로세스 Before After

More information

멀티미디어 콘텐츠 접속을 위한 사용자인증 시스템_교열(박세환, 2015. 8. 12).hwp

멀티미디어 콘텐츠 접속을 위한 사용자인증 시스템_교열(박세환, 2015. 8. 12).hwp q 첨단기술정보분석 1 멀티미디어 콘텐츠 접속을 위한 사용자인증 시스템 한국과학기술정보연구원 전 문 연 구 위 원 김 홍 기 (hgkim37@reseat.re.kr) 1. 개 요 멀티미디어 콘텐츠는 공급자로부터 지속적으로 서비스되어 최종 사용 자에게 제공되는 스트리밍(streaming) 미디어이다. 미디어의 스트리밍 은 미디어 발행자가 생방송과 녹화방송 모든

More information

52 l /08

52 l /08 Special Theme_임베디드 소프트웨어 Special Report 모바일 웹 OS 기술 현황과 표준화 동향 윤 석 찬 다음커뮤니케이션 DNALab 팀장 1. 머리말 디바이스에 애플리케이션을 배포할 수 있다. 본 고에서는 모바일 웹 OS의 현황과 임베디드 환 오늘날 인터넷에서 웹 기반 콘텐츠가 차지하는 부 경에서 채용되고 있는 최적화 기술을 살펴보고, 웹

More information

Microsoft PowerPoint - kimswld ppt

Microsoft PowerPoint - kimswld ppt Digital Enterprise Research Institute 시맨틱웹과링크드 데이터 김학래웹앱스콘, 서울, 2008 년 10 월 23 일 Use the template made by Alain Thys Wild Wild West 시맨틱웹은차세대 웹인가? 장미빛미래 DERI, NUI FUTURELAB Galway 시맨틱웹 : 초특급블록버스 DERI, NUI

More information

PowerPoint Presentation

PowerPoint Presentation 오에스아이소프트코리아세미나세미나 2012 Copyright Copyright 2012 OSIsoft, 2012 OSIsoft, LLC. LLC. PI Coresight and Mobility Presented by Daniel Kim REGIONAL 세미나 SEMINAR 세미나 2012 2012 2 Copyright Copyright 2012 OSIsoft,

More information

0. 들어가기 전

0. 들어가기 전 1 13 장. 웹 (WWW) 컴퓨터네트워크 2 13-1 웹서비스 이번시간의학습목표 웹서비스를위한클라이언트 - 서버구조이해 웹서비스를지원하는 APM(Apache, PHP, MySQL) 의연동방식이해 3 웹서비스개요 전세계적으로 TCP, UDP, SCTP 포트 80 으로지정 보안을위해 8000, 8080 등을이용하기도함 보안이강화된 HTTPS(HTTP over

More information

Microsoft PowerPoint - chap01-C언어개요.pptx

Microsoft PowerPoint - chap01-C언어개요.pptx #include int main(void) { int num; printf( Please enter an integer: "); scanf("%d", &num); if ( num < 0 ) printf("is negative.\n"); printf("num = %d\n", num); return 0; } 1 학습목표 프로그래밍의 기본 개념을

More information

Microsoft Word - ntasFrameBuilderInstallGuide2.5.doc

Microsoft Word - ntasFrameBuilderInstallGuide2.5.doc NTAS and FRAME BUILDER Install Guide NTAS and FRAME BUILDER Version 2.5 Copyright 2003 Ari System, Inc. All Rights reserved. NTAS and FRAME BUILDER are trademarks or registered trademarks of Ari System,

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 유니닥스 Html5 기반의반응형 ebook 제작솔루션 Update : 2017-11-01 Copyright 2017 Unidocs Inc. All rights reserved. Unidocs & ezpdf are registered trademarks. The information presented in this document is summary in nature,

More information

혼자서일을다하는 JSP. 이젠일을 Servlet 과나눠서한다. JSP와서블릿의표현적인차이 - JSP는 <html> 내에서자바를사용할수있는수단을제공한다. - 서블릿은자바내에서 <html> 을작성할수있는수단을제공한다. - JSP나서블릿으로만웹페이지를작성하면자바와다양한코드가

혼자서일을다하는 JSP. 이젠일을 Servlet 과나눠서한다. JSP와서블릿의표현적인차이 - JSP는 <html> 내에서자바를사용할수있는수단을제공한다. - 서블릿은자바내에서 <html> 을작성할수있는수단을제공한다. - JSP나서블릿으로만웹페이지를작성하면자바와다양한코드가 혼자서일을다하는 JSP. 이젠일을 Servlet 과나눠서한다. JSP와서블릿의표현적인차이 - JSP는 내에서자바를사용할수있는수단을제공한다. - 서블릿은자바내에서 을작성할수있는수단을제공한다. - JSP나서블릿으로만웹페이지를작성하면자바와다양한코드가웹페이지내에뒤섞여있어서웹페이지의화면설계가점점어려워진다. - 서블릿이먼저등장하였으나, 자바내에

More information

Microsoft PowerPoint - 권장 사양

Microsoft PowerPoint - 권장 사양 Autodesk 제품컴퓨터사양 PRONETSOFT.CO 박경현 1 AutoCAD 시스템사양 시스템요구사양 32 비트 AutoCAD 2009 를위한시스템요구사항 Intel Pentium 4 프로세서 2.2GHz 이상, 또는 Intel 또는 AMD 듀얼 코어프로세서 16GH 1.6GHz 이상 Microsoft Windows Vista, Windows XP Home

More information

슬라이드 1

슬라이드 1 The Most Powerful File Upload based on HTTP DEXTUploadFL Introduction 5 층 TEL: 02-6719-6200 FAX: 02-511 4823 http://www.devpia.com Copyright c ( 주 ) 데브피아. All rights reserved. 01 DEXTUploadFL 제품소개 02 시스템요구사항

More information

슬라이드 1

슬라이드 1 웹 2.0 분석보고서 Year 2006. Month 05. Day 20 Contents 1 Chapter 웹 2.0 이란무엇인가? 웹 2.0 의시작 / 웹 1.0 에서웹 2.0 으로 / 웹 2.0 의속성 / 웹 2.0 의영향 Chapter Chapter 2 3 웹 2.0 을가능케하는요소 AJAX / Tagging, Folksonomy / RSS / Ontology,

More information

개요 HTML5는 World Wide Web으로통칭되는미래인터넷의표준기술로, 웹문서를제작하는데사용되는기본프로그래밍언어의최신규격을말한다. 본고에서는향후인터넷및모바일소프트웨어의기반이되고, 하드웨어제어가필요한스마트카, 스마트홈, IoT, 웨어러블기기등다양한분야에적용이확대될것

개요 HTML5는 World Wide Web으로통칭되는미래인터넷의표준기술로, 웹문서를제작하는데사용되는기본프로그래밍언어의최신규격을말한다. 본고에서는향후인터넷및모바일소프트웨어의기반이되고, 하드웨어제어가필요한스마트카, 스마트홈, IoT, 웨어러블기기등다양한분야에적용이확대될것 HTML5 의주요기술및서비스동향 Korea Communications Agency 2013.12.27 개요 HTML5는 World Wide Web으로통칭되는미래인터넷의표준기술로, 웹문서를제작하는데사용되는기본프로그래밍언어의최신규격을말한다. 본고에서는향후인터넷및모바일소프트웨어의기반이되고, 하드웨어제어가필요한스마트카, 스마트홈, IoT, 웨어러블기기등다양한분야에적용이확대될것으로기대되는

More information

Microsoft Word - src.doc

Microsoft Word - src.doc IPTV 서비스탐색및콘텐츠가이드 RI 시스템운용매뉴얼 목차 1. 서버설정방법... 5 1.1. 서비스탐색서버설정... 5 1.2. 컨텐츠가이드서버설정... 6 2. 서버운용방법... 7 2.1. 서비스탐색서버운용... 7 2.1.1. 서비스가이드서버실행... 7 2.1.2. 서비스가이드정보확인... 8 2.1.3. 서비스가이드정보추가... 9 2.1.4. 서비스가이드정보삭제...

More information

Microsoft PowerPoint App Fundamentals[Part1](1.0h).pptx

Microsoft PowerPoint App Fundamentals[Part1](1.0h).pptx To be an Android Expert 문양세강원대학교 IT 대학컴퓨터학부 애플리케이션기초 애플리케이션컴포넌트 액티비티와태스크 Part 1 프로세스와쓰레드 컴포넌트생명주기 Part 2 2 Library Java (classes) aapk.apk (android package) identifiers Resource & Configuration aapk: android

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 How to produce table XHTML 임정희 M2community 1 Table of Contents 1. XHTML - XHTML 과 HTML 2. Table XHTML - Table의이해 - Table 링크연결 - Table 작성 2 15 th KCSE Editor s Workshop, Seoul 2015 XHTML XHTML 기존에사용되던 HTML

More information

MySQL-.. 1

MySQL-.. 1 MySQL- 기초 1 Jinseog Kim Dongguk University jinseog.kim@gmail.com 2017-08-25 Jinseog Kim Dongguk University jinseog.kim@gmail.com MySQL-기초 1 2017-08-25 1 / 18 SQL의 기초 SQL은 아래의 용도로 구성됨 데이터정의 언어(Data definition

More information

2 PX-8000과 RM-8000/LM-8000등의 관련 제품은 시스템의 간편한 설치와 쉬운 운영에 대한 고급 기술을 제공합니다. 또한 뛰어난 확장성으로 사용자가 요구하는 시스템을 손쉽게 구현할 수 있습니다. 메인컨트롤러인 PX-8000의 BGM입력소스를 8개의 로컬지

2 PX-8000과 RM-8000/LM-8000등의 관련 제품은 시스템의 간편한 설치와 쉬운 운영에 대한 고급 기술을 제공합니다. 또한 뛰어난 확장성으로 사용자가 요구하는 시스템을 손쉽게 구현할 수 있습니다. 메인컨트롤러인 PX-8000의 BGM입력소스를 8개의 로컬지 PX-8000 SYSTEM 8 x 8 Audio Matrix with Local Control 2 PX-8000과 RM-8000/LM-8000등의 관련 제품은 시스템의 간편한 설치와 쉬운 운영에 대한 고급 기술을 제공합니다. 또한 뛰어난 확장성으로 사용자가 요구하는 시스템을 손쉽게 구현할 수 있습니다. 메인컨트롤러인 PX-8000의 BGM입력소스를 8개의 로컬지역에

More information

일반인을 위한 전자책 제작 방법

일반인을 위한 전자책 제작 방법 국립중앙도서관 디지털 정보활용능력 교육 이펍(ePub) 제작 입문 2015. 6. 강사 : 최 현 이북스펍 대표 (http://ebookspub.co.kr) - 1 - - 강의 내용 - 1. epub 이란 무엇인가 1.1. 전자책 출판 프로세스 이해 1.2. 전자책의 다양한 형태와 제작방식 1.2. epub 개념 이해 및 제작툴 종류 2. epub 제작툴 소개

More information

160322_ADOP 상품 소개서_1.0

160322_ADOP 상품 소개서_1.0 상품 소개서 March, 2016 INTRODUCTION WHO WE ARE WHAT WE DO ADOP PRODUCTS : PLATON SEO SOULTION ( ) OUT-STREAM - FOR MOBILE ADOP MARKET ( ) 2. ADOP PRODUCTS WHO WE ARE ADOP,. 2. ADOP PRODUCTS WHAT WE DO ADOP,.

More information

쉽게 풀어쓴 C 프로그래밍

쉽게 풀어쓴 C 프로그래밍 CHAPTER 14. HTML5 웹스토리지, 파일 API, 웹소켓 웹스토리지 웹스토리지 (web storage) 는클라이언트컴퓨터에데이터를저장하는메카니즘 웹스토리지는쿠키보다안전하고속도도빠르다. 약 5MB 정도까지저장이가능하다. 데이터는키 / 값 (key/value) 의쌍으로저장 localstorage 와 sessionstorage localstorage 객체

More information

이장에서다룰내용 테두리를제어하는스타일시트 외부여백 (Margin) 과내부여백 (Padding) 관련속성 위치관련속성 2

이장에서다룰내용 테두리를제어하는스타일시트 외부여백 (Margin) 과내부여백 (Padding) 관련속성 위치관련속성 2 03 장. 테두리여백지정하는속성 이번장에서는테이블, 레이어, 폼양식등의더예쁘게꾸미기위해서 CSS 를이용하여 HTML 요소의테두리속성을바꾸어보자. 이장에서다룰내용 1 2 3 테두리를제어하는스타일시트 외부여백 (Margin) 과내부여백 (Padding) 관련속성 위치관련속성 2 01. 테두리를제어하는스타일시트 속성값설명 border-width border-left-width

More information

MVVM 패턴의 이해

MVVM 패턴의 이해 Seo Hero 요약 joshua227.tistory. 2014 년 5 월 13 일 이문서는 WPF 어플리케이션개발에필요한 MVVM 패턴에대한내용을담고있다. 1. Model-View-ViewModel 1.1 기본개념 MVVM 모델은 MVC(Model-View-Contorl) 패턴에서출발했다. MVC 패턴은전체 project 를 model, view 로나누어

More information

HTML5

HTML5 행맨 류관희 충북대학교 2 3 4 5 사전준비 단어목록읽기 단어빈칸보여주기 인터페이스를통해알파벳선택하면알파벳사라지기 단어에선택한알파벳이있으면표시하기 없으면선이나타원으로사람형태그리기 게임종료조건 : 모든맞추는경우 모두틀린경우 ( 행맨 ) 6 단어목록배열에저장 words.js var words = [ "muon", "blight","kerfuffle","qat"

More information

다른 JSP 페이지호출 forward() 메서드 - 하나의 JSP 페이지실행이끝나고다른 JSP 페이지를호출할때사용한다. 예 ) <% RequestDispatcher dispatcher = request.getrequestdispatcher(" 실행할페이지.jsp");

다른 JSP 페이지호출 forward() 메서드 - 하나의 JSP 페이지실행이끝나고다른 JSP 페이지를호출할때사용한다. 예 ) <% RequestDispatcher dispatcher = request.getrequestdispatcher( 실행할페이지.jsp); 다른 JSP 페이지호출 forward() 메서드 - 하나의 JSP 페이지실행이끝나고다른 JSP 페이지를호출할때사용한다. 예 ) RequestDispatcher dispatcher = request.getrequestdispatcher(" 실행할페이지.jsp"); dispatcher.forward(request, response); - 위의예에서와같이 RequestDispatcher

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 HTML5 웹프로그래밍입문 12 장. 인터페이스관련 API 목차 12.1 위치정보사용하기 12.2 드래그앤드롭사용하기 12.3 오디오및비디오제어하기 2 12.1 위치정보사용하기 12.1.1 지오로케이션 API의개요 12.1.2 단발성위치요청하기 12.1.3 반복적위치요청하기 3 위치정보 (geolocation) 위치정보 GPS 가내장된모바일기기에서정확한위치파악가능

More information