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

Save this PDF as:
 WORD  PNG  TXT  JPG

Size: px
Start display at page:

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

Transcription

1 1. HTML5 개요 1.1 HTML HTML(HyperText Markup Language) 월드와이드웹 (World Wide Web) 에서사용하는마크업언어 인터넷망에서사용하는웹페이지구조를표한하기위한언어 마크업 (Markup) 언어마크업 ( 태그, 문서의구조와내용에추가적인정보를부여하기위해삽입되는일련의문자또는기호 ) 의형식과규칙을정의한언어 문서내용자체에대한정보가아닌이들이어떻게배치되고어떠한크기와모양등을가지는지에대한정보를표현하기위한언어 1-2 HMTL5 HMTL5 간단히말하면, 웹문서작성을위한언어로사용되었던 HTML 버전 4.01을웹애플리케이션개발을위한플랫폼으로업그레이드시킨 HTML 버전 5 HTML5 표준안의가장큰목적은과거 HTML의호환성을유지하면서웹개발자들이웹애플리케이션을개발하면서부딪치는한계점을해결하는것웹표준기구인 W3C에서만들고있는차세대웹표준안으로서, 마이크로소프트, 모질라, 애플, 구글, 오페라등모든웹브라우저벤더가참여하고있는산업표준기본적인틀만놓고보면 HTML5는 HTML4와크게차이가없다. 다양한기술을구현하기위해서문서작성을위한마크업의추가 / 삭제가이루어지고, 동작을담당하는다양한자바스크립트 API의추가, 이에맞춰디자인을담당하는 CSS3로의변화가이루어진버전이다

2 HTML5는아직완성되지않았다. 하지만지금당장중요한것은미완성의명세서를기반으로브라우저제작사가 HTML5의각종새로운특징을활발히지원해나가고있다는점과많은개발자들이이를활용해서지금도활발히웹애플리케이션을개발하고있다는점이다. 따라서 HTML5는이러한실질적인개선을통해차세대웹플랫폼으로빠르게진화하고있다. HTML5 ~= HTML + CSS + JavaScript 통칭해서 HTML5를사용한다는것은콘텐츠의내용과형식을표현하기위해서단순히 HTML5만을사용하는것을넘어서콘텐츠의표현방법을정의하는 CSS와각종 API를통한동적인기능을구현하기위한 JavaScript를함께사용하는것을의미한다. 1-3 HMTL5 등장배경 1989년 CERN( 유럽입자물리연구소 ) 에있던 Tim Berners-Lee에의해 WWW가처음제안 인터넷을통해하이퍼텍스트문서를이용하는개념에서시작 1991년말에버너스리가처음으로인터넷에서문서를 "HTML 태그 "(HTML tag) 로부르면서시작되었고, NCSA에서개발된 Mosaic 브라우저에의해보편화되기시작 1994년보다체계적으로웹관련주요기술을논의하고웹표준과가이드라인을마련하기위해서 W3C가결성 1995년 11월. IETF(Internet Engineering Task Force) 에의해 HTML 2.0 발표하고, 이후 HTML 3.2, 4.0 버전이발표되고결국 1999년 4.01 버전이발표되어웹환경확산에크게기여 2000년이후웹환경은참여, 공유, 개방의웹 2.0 및검색의확장과이를통한시멘틱웹, 모바일웹등으로빠르게변화해가면서, 이러한상황에서변화된웹환경의다양한애플리케이션을구현하고개발자들이실질적으로이용할수있는프로그래밍언어에대한필요성이제기됨

3 하지만, W3C에서는기본 HTML에대한개선논의가이루어지지않은채, 오히려웹표준의초점을웹페이지에엄격한문법을적용하는특징을가진 XML과 XHTML로옮겨갔고, HTML은뒷전으로밀려나면서 HTML은사장될거라는의견이지배적이었다. 2004년 6월, 시맨틱웹커뮤니티대표자와주요브라우저제작사및 W3C가기존 HTML 4.01로웹애플리케이션개발의한계점을극복하고새롭게대두된웹애플리케이션을위한표준을논의하고자캘리포니아산호세에만나, W3C가웹애플리케이션의새로운요구사항에맞춰 HTML과 DOM을확장할지여부를투표했는데, 8명찬성 14 명반대가부결되었고, 결국이틀후주요브라우저제작사 ( 모질라, 애플, 구글, 오페라등 ) 는이문제를해결하기위해 WHATWG(Web Hypertext Application Technology Working Group) 이라는오픈커뮤니티를구성하고, HTML 규격을확장한 Web Applications 1.0을제안. 이때 2004년부터다양한웹브라우저들이시장에쏟아져나오기시작했고, 비IE 브라우저세계점유율이계속증가하고있는추세이다. 이후 2007년 W3C도웹애플리케이션논의와표준정립의필요성을인정하여, Web Application 1.0을기초로 HTML W/G을출범시키고, 이표준안의명칭을 HTML5로바꾸고, 2008년초안을공개했다. 이렇게등장한 HTML5는 MS, Apple, Google, Mozilla, Opera 등의모든웹브라우저벤더들의피드백을받아가며지속적인논의와수정작업을통해표준이개발되고있다. 2009년 7월 W3C에서는 XHTML 2.0 W/G의활동을완전히접었다. 이작업은 XHTML 1.0을더욱발전시키기위해작업해온표준안으로, 가장큰문제점은 HTML4와 XHTML 1.0과전혀다른새로운표준이어서하위호환성에대한보장이거의없다는것이다. 2012년 W3C에서 HTML5를뒤이을 HTML5.1을오는 2016년에내놓기로하고표준화작업이진행중이다. 당장개발중인 HTML5의표준안작업을마치기도전에추가버전작업을진행하는것은단순한이유라고볼수있는데, 이미작업진행날짜가정해진 HTML5 표준안일정을제때 (2014) 마감하고그중못다한구성요소표준화작업을속행하기위해이후버전으로주요이슈들을분리한것이다. 즉. HTML5.1 표준화는 HTML5 개발작업중변경과일정지연을예방하기위한수단으로이해할수있다. 따라서전문가들은 HTML5.1을 HTML5와확연히구별되는새로운내용이라기보다는기존산업표준의연장선에놓인것이라고여긴다. W3C (World Wide Web Consortium) 월드와이드웹을위한표준을개발하고가이드라인을개발하는조직이다. 지속적인교육및개발에참여하고웹에관련된포럼을개최함으로써웹의지속적인성장에많은역할을하였다. 1994년에설립되었으며 W3C가제정한 WWW 관련표준에 HTML도포함되어있다. ( 홈페이지 : ) - 3 -

4 WHATWG (Web Hypertext Application Technology Working Group) Apple, Mozila, Opera등웹브라우저제조사와관련당사자들이 2004년에공동으로발족한그룹이다. WWW를통해애플리케이션을작성하고전개할수있는새로운기술을개발하기위한오픈커뮤티티로서, Web Applications 1.0이라는이름의표준안제정을진행하였다. ( 홈페이지 : HMTL5 의특징 웹애플리케이션개발을위한플랫폼 기존 HTML은웹브라우저에표현되는웹페이지를만들때주로사용되었으며, 이때다양한기능을위해 Adobe Flash, MS Silverlight 등다양한플러그-인을추가로사용하였다. 하지만 HTML5는추가적인플러그-인이없이도다양한기능을제공할수있게되었다. 즉. 웹문서뿐만아니라웹애플리케이션도만들수있는플랫폼이라는것이다. 시맨틱웹 기존 HTML 문서는단지표현을위한수단이어서, 여러태그를사용하여구조를정의할수있지만정확한의미의태그사용이아닌단순한문서의표현에불과하였다. 따라서 W3C에서는구조화된마크업을위해서 XML을사용하여 XHTML을개발하고발표하였지만널리퍼지지못했고, 결국 HTML5를통해서의미가부여된태그를사용하여의미있는문서구조를표현할수있게되었다. 웹표준화 대부분 IE를사용하였고, 이로인해 MS에서는표준기술보다는 ActiveX와같이 IE 만을위한기술을적용해왔다. 하지만새로운환경 ( 예, 스마트폰 ) 과브라우저에서는해당사이트의이용이불가하다. 따라서웹표준이라는것이중요하고, 어떤브라우저에서든누구든정상적으로동작하는사이트를이용하기위해서는웹표준이지켜져야한다. 지금까지는스크립트언어만으로는원하는기능을충분히구현할수없었기때문에특정브라우저에서만동작하는기술을사용할수밖에없었지만, HTML5의등장으로스크립트만으로도원하는기능을충분히구현할수있고, 이런측면에서보면 HTML5가웹표준에중요한역할을한다고할수있다. 1.5 HTML5 의주요기능 클래스 기능 설명 Semantics Web Form 보다다양한웹입력양식제공 ( 달력, 범위, 이메일, 색상등 ) Multimedia Video 동영상재생을위한 API 제공 Audio 음성재생을위한 API 제공 Offline & Storage Offline Web 인터넷연결이되지않은상태에서도정상적인기능을 지원하는애플리케이션 API 제공 - 4 -

5 3D, Graphics & Effects Web Database 웹브라우저에서 DB 엔진을이용할수있는기능제공 Web Storage Canvas SVG 웹애플리케이션에서데이터를저장할수있는기능제 공 2 차원그래픽을그리기및객체에대한각종효과를 주는기능제공 XML 기반의 2 차원벡터그래픽을표현하기위한 SVG 언어지원 Device Access Geolocation 디바이스의지리적위치정보를제공 Performance & Integration Web Worker 웹애플리케이션을위한멀티쓰레드기능제공 Connectivity Web Socket 웹애플리케이션과서버간의양방향통신기능제공 CSS3 Styling Effect CSS3 웹애플리케이션의다양한스타일및효과를나타내기 위한 CSS3 지원 1.6 아직완성되지않은 HTML5 HTML5 표준은 2014년 9월 16일기준으로 PR( 제안권고안 ) 상태 HTML5 2014년 4분기권고안 (recommendation, 표준화 ) 발표예정 HTML 년 4분기권고안발표예정 W3C HTML W/G이생긴뒤에도함께진행된 WHATWG의작업이 W3C로제때포워딩되지못해서, 최근기능구현에초점을맟춘 리빙 HTML' 개발작업과외부업계의견을수렴해특정시점별로완성표준안을잡아내는작업을병행하는방식이제안. WHATWG에서 Living HTML을담당하고, W3C가외부작업과내부작업을병합해서주기적으로표준안스냅샵을내놓은방식을사용 W3C 권고안추진단계 - 5 -

6 노트 (Note) 초안 (WD, Working Draft) 후보권고안 (CR, Candidate Recommendation) 제안권고안 (PR, Proposed Recommendation) 권고안 (Recommendation) 기술문서로제안하기위해제시된문서. 표준화하기위한구조나사항을기록하여정리한문서 아직완전하지않은 WG의아이디어를담은문서 FPWD(First Publication Working Draft) LCWD(Last Call Working Draft) 심사를거친작업최종안 최종적인권고안이될수있는전단계 W3C에참여하는회원에게동의를얻은표준안. 최종적으로표준화규격을정의한문서 1.7 HTML5 에관심을가져야하는이유 HTML5에대한관심의시작 구글 (Google) 구글 I/O 개발자컨퍼런스에서자사의서비스가아닌 HTML5 데모를시연 HTML5 도입열풍의계기 애플 (Apple) iphone/ipad에플래시지원거부 HTML5 지원발표 어도비 (Adobe) 모바일플래시개발중지 HTML5 지원발표 MS도 2010년부터 HTML5에올인을선언하고실버라이트를 안락사 시키면서차기오피스와윈도8 플랫폼을위한프로그램개발기술로웹표준을채택최근모바일플랫폼이다양해지고, 관련기업들은플랫폼마다애플리케이션개발기술이상이해각각의애플리케이션을개발하는데큰부담을갖고있으며, 이를해결하기위한크로스플랫폼기술에대한요구가증가하고있다. 크로스플랫폼의핵심기술로서의활용가능성 특정플랫폼이나디바이스에종속되지않고다양한정보콘텐츠를표준화된방법으로제공가능 ( one source multi use 하나의코드로서다양한환경에서사용가능 ) 2014년 1사분기를기준으로전세계모바일개발자의 37% 가 HTML5를이용해서브라우저를위한앱을개발중이며, 15% 가하이브리드 HTML5 앱을개발하고있다. ios나안드로이드를최우선을삼는개발자중 19% 가앱안에서웹콘텐츠를보여주기위해 HTML5를사용한다고함

7 1.8 HTML5 관련기술의지원현황 아직까지어떤브라우저도 HTML5를완벽하게지원하고있지못하고있다. 또는

8 1.9 HTML5 와관련해서참고할만한사이트 W3C의 HTML5 관련공식홈페이지 HTML4와 HTML5의차이점소개 W3C 홈페이지 WHATWG 홈페이지 W3C 대한민국사무국홈페이지 한국웹표준프로젝트홈페이지 HTML5 & CSS3 관련질문과답변 HTML5 직용사례및활용예제 온라인웹튜토리얼 A resource for open web HTML5 developers HTML5 Demos and Examples 브라우저별 HTML5 기능의지원여부 A showcase of sites using HTML5 markup 모질라개발자네트워크 HTML5, CSS3 등의브라우저별지원여부 2. HTML5 문서의기본구조 2.1 HTML 문서의구성요소 - 8 -

9 구성요소 요소 (Elements) 태그 (Tag) 설명시작과종료를나타내는태그로이루어진모든명령어 ex) <title> 문서의제목 </title> < 과 > 로둘러싸인요소의일부시작태그 (< >) 와종료태그 (</ >) 로이루어져있지만일부요소는종료태그가없는것도있음 ex) <title> 문서의제목 </title> 속성 (Attributes) 요소의시작태그내에사용하며, 명령어를구체화시키는역할 을함 ex) <p align= center > 문서의내용 </p> 변수 (Arguments) 속성과관련된값 ex) <p align= center > 문서의내용 </p> 2.2 HTML 의기본구조 기존 HTML 의기본구조 - 9 -

10 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " 2 <html> 3 <head> 4 <meta http-equiv="content-type" content="text/html charset=utf-8"> 5 <link rel="stylesheet" type="text/css" href=".css"> 6 <script type="text/javascript" src=".js"></script> 7 <title> 문서의제목 </title> 8 </head> 9 <body> 10 문서의본문내용 11 </body> 12 </html> 1 : 문서가어떠한문서인지문서형식을선언하는부분이다. 2 : HTML 문서의시작을나타낸다. 3~8 : 문서자체에대한설명을넣는부분이다. 이부분에는 title, meta, link, script 등의요소등이포함된다. 4 : 콘텐츠유형을나타내는부분으로일반텍스트로구성된 HTML 문서이며 UTF-8 문자인코딩을사용한다는것을나타내고있다. 5 : 외부 CSS 파일 (*.css) 을링크시켜사용한다는것을나타낸다. 6 : 외부자바스크립트파일 (*.js) 을불러사용한다는것을나타낸다. 7 : 문서의제목을나타내는부분이다. 결과화면을보면브라우저의제일상단에해당제목이표시된다. 9~11 : 문서의본문내용을넣는부분이다. <head> 에들어가는내용을제외한모든내용을포함한다고할수있다. 12 : HTML 문서의끝을나타낸다. HTML5의기본구조 HTML5 기본템플릿은기존의 HTML4.01, XHTML1.0의형식과크게다르지않으며, 거의완벽하게호환된다. ( 어떤방식의코딩을사용해도무관 태그명 / 속성명을대문자나소문자를모두써도되고, 짝이없는태그의경우 /> 를사용해서닫아도되고닫지않아도됨 ) 1) HTML5의 DOCTYPE 선언 DOCTYPE은브라우저에게어떤렌더링모드를사용하고페이지유효성을검증할때어떤규칙을사용해야하는지알려줌

11 기존 HTML DOCTYPE은 SGML 기반이었기때문에 DTD를명시할필요가있었다. 하지만 HTML5에서는그럴필요가없다. HTML5에서 DOCTYPE은브라우저가표준호환모드로작동하게하는역할만하면되기때문에아주간소해졌다. 이전 HTML이나 XHTML에서처럼복잡한선언이필요없이 <!DOCTYPE html> 만써주면된다. 2) HTML5 의문자인코딩 문자인코딩을위한선언도매우간단해졌다. 문자인코딩선언을위해간단한캐릭 터셋만선언하면된다. 3) CSS 를위한 <link> 및자바스크립트를위한 <script> 태그사용

12 <link> 와 <script> 태그사용시 HTML5 에서는 type 속성을사용하지않아도무방하다. HTML5 의기본구조 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <link rel="stylesheet" href=".css"> <script src=".js"></script> <title> 문서의제목 </title> </head> <body> 문서의본문내용 </body> </html> 2.3 HTML5 문서의협업관계 HTML5로웹사이트를제작한다는것은 웹문서의내용을 HTML5에서언급한다양한요소 / 속성들을이용하여웹문서 (HTML 파일 ) 을만들고, 웹문서의디자인과같은부분은 CSS3로처리하고, 웹문서의이벤트처리같은상호작용을담당하는부분은자바스크립트로작성하는것을모두포함한다

13 2.4 HTML5 콘텐츠모델 HTML5의각요소들은특성에따라분류된다. 한요소가어떤분류에속하지않을수도있고, 여러분류에속해있을수도있다. metadata 콘텐츠 flow 콘텐츠 sectioning 콘텐츠 heading 콘텐츠 phrasing 콘텐츠 embedded 콘텐츠 interactive 콘텐츠 palpable 콘텐츠 script-supporting elements 콘텐츠의모양, 동작을설정하거나다른문서와의관계를나타낼때사용 body 요소내에서사용되는대부분의요소들이포함됨 header/footer 요소의범위를정의할때사용 section 요소의헤더 ( 제목 ) 를정의할때사용 문서의텍스트를정의할때사용 문서안에동영상, 사진, 오디오등을포함할때사용 사용자와의상호작용을위해사용 구체적으로보여지고이해할수있는콘텐츠를포함하는경우 어떤정보를표현하지않고스크립트를지원하는데사용 2.5 HTML5 에추가된요소와속성 (2강) 레이아웃을위한시맨틱요소 header, footer, hgroup, nav, section, article, aside (2강) 텍스트레빌의시맨틱요소 a (download 속성 ), a (ping 속성 ), strong, time, mark, ruby(rt, rp, rb, rtc), bdi, wbr (2강) 그룹핑콘텐츠요소 main, figure, figcaption, ol(reversed 속성 ) (2강) 상호작용요소 details, summary, menu, command, dialog (3강) 폼요소 datalist, keygen, output, meter, progress <form> 속성 autocomplete, novalidate <input> 속성 autocomplete, novalidate, form, formaction, formenctype, formmethod, formnovalidate, formtarget, minlength, height, width, min, max,

14 placeholder, required, list, multiple, step, pattern, dirname 속성 <input type= > 속성값 : month, week, date, datetime, datetime-local, time, color, , number, range, search, tel, url (3강) 적용의미가변경된요소 address, b, cite, dl, hr, i, label, menu, noscript, s, script, small, strong, u (10강) 캔버스요소 canvas (13강) 미디어요소 audio, video, source, track 전역속성 contenteditable, contextmenu, data-*, draggable, dropzone, hidden, inert, aria-*, role, spellcheck, translate, microdata, tab-index [ 실습 ] HTML5 문서의기본구조이해하기 실행결과와같이출력되도록 HTML5 문서를작성해보자. [ 실행결과 ] [ 실행코드 ] <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> Welcome to HTML5 </title> </head> <body> <h3> HTML5의특징 </h3> 1. 웹애플리케이션개발을위한플랫폼 <br> 2. 시맨틱웹 <br> 3. 웹표준 <br> </body> </html>

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

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

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

(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

PowerPoint 프레젠테이션

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

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

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

SNS HTML HTML HTML 4 01 HTML HTML5 HTML5 X(Active-X) (Flash)(Silverlight) FX(JAVA FX) P R E F A C E HTML5 2017 HTML53 HTML5 HTML5 HTML5 HTML5 HTML5? 3 P R E F A C E HTML5 HTML5 (User Agent) UA HTML5 (

More information

3월16일자.hwp

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

More information

INDEX 들어가기 고민하기 HTML(TABLE/FORM) CSS JS

INDEX 들어가기 고민하기 HTML(TABLE/FORM) CSS JS 개발자에게넘겨주기편한 TABLE&FORM 마크업 김남용 INDEX 들어가기 고민하기 HTML(TABLE/FORM) CSS JS 들어가기 이제는 ~ 서로간의이슈웹표준 & 웹접근성왜웹표준으로해야할까요? 모든웹페이지는 ~ 퍼블리싱순서 이제는 ~ 디자이너 디자이너 퍼블리셔 Front-end (UI 개발자 ) 퍼블리셔 Front-end (UI 개발자 ) 서버개발자 서버개발자

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

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

Ext JS À¥¾ÖÇø®ÄÉÀ̼ǰ³¹ß-³¹Àå.PDF

Ext JS À¥¾ÖÇø®ÄÉÀ̼ǰ³¹ß-³¹Àå.PDF CHAPTER 2 (interaction) Ext JS., HTML, onready, MessageBox get.. Ext JS HTML CSS Ext JS.1. Ext JS. Ext.Msg: : Ext Ext.get: DOM 22 CHAPTER 2 (config). Ext JS.... var test = new TestFunction( 'three', 'fixed',

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

다른 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

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

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

More information

Javascript

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

More information

슬라이드 1

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

More information

Overall Process

Overall Process CSS ( ) Overall Process Overall Process (Contents : Story Board or Design Source) (Structure : extensible HyperText Markup Language) (Style : Cascade Style Sheet) (Script : Document Object Model) (Contents

More information

미쓰리 파워포인트

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

More information

슬라이드 1

슬라이드 1 Best Practice of HTML5 Semantic Markup Toby Yun Blog E-mail http://tobyyun.com tobyyun@gmail.com Index 용어정리 시맨틱마크업이란 시맨틱마크업을통해얻을수있는이점 좋은마크업을위한방법들 HTML5의시맨틱요소 HTML5의컨텐츠모델 HTML5 마크업의실제적용 시맨틱웹의과제 용어정리 Element

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

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

세르게이의 HTML5&CSS3-내지_ indd HTML CSS CHAPTER_1 HTML5 소개 둘러보기이책에대하여 HTML이란무엇인가? 주요 HTML 버전 HTML5 XHTML5 CSS3 왜 HTML5 를사용해야하는가? HTML5 의장점 누구를위한책인가? HTML5 브랜드정책 로고 기술클래스아이콘 둘러보기 이책에대하여 HTML과 CSS는웹언어로서는가장기초이자기본적인것들이며, 무수히많은웹사이트와웹애플리케이션을구현하기위한기초를제공한다.

More information

3장

3장 C H A P T E R 03 CHAPTER 03 03-01 03-01-01 Win m1 f1 e4 e5 e6 o8 Mac m1 f1 s1.2 o8 Linux m1 f1 k3 o8 AJAX

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

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

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

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 HTML5 웹프로그래밍입문 부록. 웹서버구축하기 1 목차 A.1 웹서버시스템 A.2 PHP 사용하기 A.3 데이터베이스연결하기 2 A.1 웹서버시스템 3 웹서버의구축 웹서버컴퓨터구축 웹서버소프트웨어설치및실행 아파치 (Apache) 웹서버가대표적 서버실행프로그램 HTML5 폼을전달받아처리 PHP, JSP, Python 등 데이터베이스시스템 서버측에데이터를저장및효율적관리

More information

52 l /08

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

More information

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

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

More information

PowerPoint Template

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

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

<C0CCBCBCBFB52DC1A4B4EBBFF82DBCAEBBE7B3EDB9AE2D313939392D382E687770>

<C0CCBCBCBFB52DC1A4B4EBBFF82DBCAEBBE7B3EDB9AE2D313939392D382E687770> i ii iii iv v vi 1 2 3 4 가상대학 시스템의 국내외 현황 조사 가상대학 플랫폼 개발 이상적인 가상대학시스템의 미래상 제안 5 웹-기반 가상대학 시스템 전통적인 교수 방법 시간/공간 제약을 극복한 학습동기 부여 교수의 일방적인 내용전달 교수와 학생간의 상호작용 동료 학생들 간의 상호작용 가상대학 운영 공지사항,강의록 자료실, 메모 질의응답,

More information

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

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

More information

SOFTBASE XFRAME DEVELOPMENT GUIDE SERIES HTML 연동가이드 서울특별시구로구구로 3 동한신 IT 타워 1215 호 Phone Fax Co

SOFTBASE XFRAME DEVELOPMENT GUIDE SERIES HTML 연동가이드 서울특별시구로구구로 3 동한신 IT 타워 1215 호 Phone Fax Co SOFTBASE XFRAME DEVELOPMENT GUIDE SERIES 2012.02.18 서울특별시구로구구로 3 동한신 IT 타워 1215 호 Phone 02-2108-8030 Fax 02-2108-8031 www.softbase.co.kr Copyright 2010 SOFTBase Inc. All rights reserved 목차 1 장 : HTML 연동개요...

More information

쉽게 풀어쓴 C 프로그래밍

쉽게 풀어쓴 C 프로그래밍 CHAPTER 7. HTML 와 CSS 로웹사이트만들 기 웹사이트작성 웹사이트구축과정 내비게이션구조도 홈페이지레이아웃 헤더 web Shop 내비게이션메뉴

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

Lab10

Lab10 Lab 10: Map Visualization 2015 Fall human-computer interaction + design lab. Joonhwan Lee Map Visualization Shape Shape (.shp): ESRI shp http://sgis.kostat.go.kr/html/index.html 3 d3.js SVG, GeoJSON, TopoJSON

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

Building Mobile AR Web Applications in HTML5 - Google IO 2012

Building Mobile AR Web Applications in HTML5 - Google IO 2012 Building Mobile AR Web Applications in HTML5 HTML5 -, KIST -, UST HCI & Robotics Agenda Insight: AR Web Browser S.M.AR.T: AR CMS HTML5 HTML5 AR - Hello world! - Transform - - AR Events 3/33 - - - (Simplicity)

More information

PowerPoint 프레젠테이션

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

More information

<4D6963726F736F667420506F776572506F696E74202D2030342E20C0CEC5CDB3DD20C0C0BFEB20B9D720BCADBAF1BDBA20B1E2BCFA2831292E70707478>

<4D6963726F736F667420506F776572506F696E74202D2030342E20C0CEC5CDB3DD20C0C0BFEB20B9D720BCADBAF1BDBA20B1E2BCFA2831292E70707478> 웹과 인터넷 활용 및실습 () (Part I) 문양세 강원대학교 IT대학 컴퓨터과학전공 강의 내용 전자우편(e-mail) 인스턴트 메신저(instant messenger) FTP (file transfer protocol) WWW (world wide web) 인터넷 검색 홈네트워크 (home network) Web 2.0 개인 미니홈페이지 블로그 (blog)

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

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

Web Scraper in 30 Minutes 강철

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

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 ONE page html 이란? 원페이지는최근의홈페이지제작트렌드로한페이지에상단에서하단으로의마우스스크롤링을통해서컨텐츠를보여주는스타일의홈페이지입니다. USER 의시선을분산시키지않고위쪽에서아래쪽으로마우스스크롤링을통해서홈페이지의컨텐츠를보여주게됩니다. 반응형으로제작되어스마트폰, 아이패드, 태블릿,PC, 노트북등다양한디바이스에서자동으로최적화됩니다. ONE page 웹사이트사례

More information

쉽게 풀어쓴 C 프로그래밍

쉽게 풀어쓴 C 프로그래밍 CHAPTER 3. HTML 멀티미디어와입력요소 웹브라우저와멀티미디어 예전방법 : HTML 안에서는 나 태그를사용하여야했고웹브라우저에는플래시나 ActiveX 를설치 HTML5: 와 태그가추가 오디오 요소의속성 오디오파일형식 MP3 'MPEG-1 Audio Layer-3' 의약자로 MPEG

More information

WEB HTML CSS Overview

WEB HTML CSS Overview WEB HTML CSS Overview 2017 spring seminar bloo 오늘의수업은 실습 오늘의수업은 이상 : 12:40 목표 : 1:00 밤샘 SPARCS 실습 오늘의수업은 근데숙제는많음 화이팅 WEB 2017 spring seminar bloo WEB WEB 의원시적형태 WEB 의원시적형태 질문 못받음 ㅈㅅ HTML 2017 spring seminar

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

접근성과 웹 The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect. Tim Berners-Lee, the inventor

접근성과 웹 The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect. Tim Berners-Lee, the inventor 웹 접근성 : 최근 동향 신정식 jshin@i18nl10n.com 2006-06-29 웹 접근성 : 최근 동향 2 / 30 신정식 접근성과 웹 The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect. Tim Berners-Lee,

More information

XE 스킨 제작 가이드

XE 스킨 제작 가이드 XE 스킨제작가이드 NHN 오픈 UI 기술팀정찬명 목 차 1. XE 스킨의개요 2. XE 스킨의종류 3. XE 스킨의구성요소 4. XE 스킨제작시고려사항 5. XE 스킨파일구조 6. skin.xml 문법 7. XHTML 문법 8. CSS 활용 9. XE 템플릿문법 XE 스킨의개요 스킨이란? 웹페이지또는 웹페이지의구성요소에대한 사용자인터페이스. 이런것아닙니다.

More information

쉽게 풀어쓴 C 프로그래밍

쉽게 풀어쓴 C 프로그래밍 CHAPTER 11. 자바스크립트와캔버스로게임 만들기 캔버스 캔버스는 요소로생성 캔버스는 HTML 페이지상에서사각형태의영역 실제그림은자바스크립트를통하여코드로그려야한다. 컨텍스트객체 컨텍스트 (context) 객체 : 자바스크립트에서물감과붓의역할을한다. var canvas = document.getelementbyid("mycanvas"); var

More information

1989 Tim Berners-Lee invents the Web with HTML 1991 First Web Browser Released HTML Tags Specification Released 1994 First World Wide Web Conference H

1989 Tim Berners-Lee invents the Web with HTML 1991 First Web Browser Released HTML Tags Specification Released 1994 First World Wide Web Conference H 2011.09.28 Open Community Technical Seminar @NIA Developing Web Application with HTML5 1 2 3 4 5 History&Milestone of HTML5 HTML5 MarkUp CSS3 JavaScript API Compatibility online handout tinyurl.com/html5d

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

쉽게 풀어쓴 C 프로그래밍

쉽게 풀어쓴 C 프로그래밍 CHAPTER 6. CSS 레이아웃과애니메이션 레이아웃이란? 웹페이지에서 HTML 요소의위치, 크기등을결정하는것 집안에서의가구배치와비슷하다. 블록요소와인라인요소 블록 (block) 요소 - 화면의한줄을전부차지한다. 인라인 (inline) 요소 - 한줄에차례대로배치된다. 현재줄에서필요한만큼의너비만을차지한다. 블록요소 한줄을전부차지 , , ,

More information

Microsoft PowerPoint - ch02_인터넷 이해와 활용.ppt

Microsoft PowerPoint - ch02_인터넷 이해와 활용.ppt 컴퓨터 활용과 실습 원리를 알면 IT가 맛있다 chapter 2. 윈도우XP, 한글25, 엑셀23, 파워포인트23 인터넷 이해와 활용 www.hanb.co.kr -1- 학습목표 목차 통신과 네트워크의 개념 통신과 네트워크 컴퓨터 통신망 인터넷정의및역사 인터넷주소체계 인터넷 정의와 역사 인터넷 주소 웹서비스의정의및특징 웹 서비스 웹 브라우저의 기능 웹 브라우저

More information

0. 들어가기 전

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

More information

AMP는 어떻게 빠른 성능을 내나.key

AMP는 어떻게 빠른 성능을 내나.key AMP는 어떻게 빠른 성능을 내나? AU개발 김태훈 kishu@navercorp.com AMP 란무엇인가? AMP 방식으로 HTML을 만들고 AMP JS를 로딩하고 AMP 컴포넌트만 사용하면 웹페이지의 빠른 렌더링을 보장 + 구글 검색 결과에서 즉시 로딩(빠르고 멋있게) AMPs are just Web Pages! AMPs are just Web Pages!

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 SECUINSIDE 2017 Bypassing Web Browser Security Policies DongHyun Kim (hackpupu) Security Researcher at i2sec Korea University Graduate School Agenda - Me? - Abstract - What is HTTP Secure Header? - What

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 03 장 HTML5 기본태그 1. 글자태그 2. 목록태그 3. 테이블태그 4. 이미지태그 5. 공간분할태그 HTML5 에서지원하는기본태그를사용할수있다. 공간분할태그와시맨틱태그의용도를이해하고사용할수있다. 1. 글자태그 가장많은비중을차지하는태그 그림 3-1 글자태그중심의웹페이지 1.1 제목글자태그 제목글자태그 문서의제목을표현할때사용 h : Heading을의미 표

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

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

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

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

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

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 Web Browser Web Server ( ) MS Explorer 5.0 WEB Server MS-SQL HTML Image Multimedia IIS Application Web Server ASP ASP platform Admin Web Based ASP Platform Manager Any Platform ASP : Application Service

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

JSP 의내장객체 response 객체 - response 객체는 JSP 페이지의실행결과를웹프라우저로돌려줄때사용되는객체이다. - 이객체는주로켄텐츠타입이나문자셋등의데이터의부가정보 ( 헤더정보 ) 나쿠키 ( 다음에설명 ) 등을지정할수있다. - 이객체를사용해서출력의방향을다른

JSP 의내장객체 response 객체 - response 객체는 JSP 페이지의실행결과를웹프라우저로돌려줄때사용되는객체이다. - 이객체는주로켄텐츠타입이나문자셋등의데이터의부가정보 ( 헤더정보 ) 나쿠키 ( 다음에설명 ) 등을지정할수있다. - 이객체를사용해서출력의방향을다른 JSP 의내장객체 response 객체 - response 객체는 JSP 페이지의실행결과를웹프라우저로돌려줄때사용되는객체이다. - 이객체는주로켄텐츠타입이나문자셋등의데이터의부가정보 ( 헤더정보 ) 나쿠키 ( 다음에설명 ) 등을지정할수있다. - 이객체를사용해서출력의방향을다른 URL로바꿀수있다. 예 ) response.sendredirect("http://www.paran.com");

More information

PowerPoint Presentation

PowerPoint Presentation Samsung Gear S Application Development SeogHyun Kang Software R&D Center Samsung Electronics Self Introduction 강석현 Engineer, SW Platform Team Software R&D Center Samsung Electronics 주요업무 Tizen Web Application

More information

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

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

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

Modal Window

Modal Window 접근가능한레이어팝업 Feat. WAI-ARIA 콘텐츠연합플랫폼클라이언트개발부지성봉 Modal Window Modal Window 사용자인터페이스디자인개념에서자식윈도에서부모윈도로돌아가기전에사용자의상호동작을요구하는창. 응용프로그램의메인창의작업흐름을방해한다. Native HTML 의한계점 팝업이떴다라는정보를인지할수없다. 팝업이외의문서정보에접근이된다. 키보드 tab

More information

Microsoft PowerPoint 세션.ppt

Microsoft PowerPoint 세션.ppt 웹프로그래밍 () 2006 년봄학기 문양세강원대학교컴퓨터과학과 세션변수 (Session Variable) (1/2) 쇼핑몰장바구니 장바구니에서는사용자가페이지를이동하더라도장바구니의구매물품리스트의내용을유지하고있어야함 PHP 에서사용하는일반적인변수는스크립트의수행이끝나면모두없어지기때문에페이지이동시변수의값을유지할수없음 이러한문제점을해결하기위해서 PHP 에서는세션 (session)

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 HTML5 웹프로그래밍입문 5 장. 고급표현을위한 CSS3 활용 1 목차 5.1 박스모델설정하기 5.2 레이아웃설정하기 5.3 다양한효과설정하기 5.4 움직임설정하기 2 5.1 박스모델설정하기 5.1.1 영역설정을위한박스모델 5.1.2 박스모델유형의지정 3 영역설정을위한박스모델 배경영역 , , : 해당하는줄만큼배경 ,

More information

F120S_(Rev1.0)_1130.indd

F120S_(Rev1.0)_1130.indd 01 02 03 04 05 06 07 08 09 10 11 12 기본 구성품 구입 시 박스 안에 들어있는 구성품입니다. 구성품을 확인하세요. 누락된 구성품이 있을 경우, 또는 추가로 기본 구성품 구입을 원할 경우, LG전자 상담실 (T.1544-7777)로 문의하세요. 실제 제품과 그림이 다를 수 있으며 사정에 따라 일부 품목이 사전 통보 없이 변경될 수 있습니다.

More information

SIGIL 완벽입문

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

More information

슬라이드 1

슬라이드 1 웹접근성향상을위한 UI 개발표준화가이드 UI 개발팀최재성, 유순 웹접근성향상을위한 UI 개발표준화가이드 intro 웹접근성? IWA TFT 웹접근성준수실태 웹접근성? 웹표준? 웹사용성? 기대효과 웹접근성향상을위한가이드라인 웹표준화실무적용방법 웹접근성실무적용방법 웹사용성실무적용방법 앞으로 준수의당위성 IWA TFT (Improve Web Accessibility

More information

Special Theme _ 모바일웹과 스마트폰 본 고에서는 모바일웹에서의 단말 API인 W3C DAP (Device API and Policy) 의 표준 개발 현황에 대해서 살펴보고 관 련하여 개발 중인 사례를 통하여 이해를 돕고자 한다. 2. 웹 애플리케이션과 네이

Special Theme _ 모바일웹과 스마트폰 본 고에서는 모바일웹에서의 단말 API인 W3C DAP (Device API and Policy) 의 표준 개발 현황에 대해서 살펴보고 관 련하여 개발 중인 사례를 통하여 이해를 돕고자 한다. 2. 웹 애플리케이션과 네이 모바일웹 플랫폼과 Device API 표준 이강찬 TTA 유비쿼터스 웹 응용 실무반(WG6052)의장, ETRI 선임연구원 1. 머리말 현재 소개되어 이용되는 모바일 플랫폼은 아이폰, 윈 도 모바일, 안드로이드, 심비안, 모조, 리모, 팜 WebOS, 바다 등이 있으며, 플랫폼별로 버전을 고려하면 그 수 를 열거하기 힘들 정도로 다양하게 이용되고 있다. 이

More information

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

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

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 Post - Internet Marketing Contents. Internet Marketing. Post - Internet Marketing Trend. Post - Internet Marketing. Paradigm. . Internet Marketing Internet Interactive Individual Interesting International

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

HTML5

HTML5 주사위게임 류관희 충북대학교 주사위게임규칙 플레이어 두개의주사위를던졌을때두주사위윗면숫자의합 The First Throw( 두주사위의합 ) 합 : 7 혹은 11 => Win 합 : 2, 3, 혹은 12 => Lost 합 : 4, 5, 6, 8, 9, 10 => rethrow The Second Throw 합 : 첫번째던진주사위합과같은면 => Win 합 : 그렇지않으면

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

Week13

Week13 Week 13 Social Data Mining 02 Joonhwan Lee human-computer interaction + design lab. Crawling Twitter Data OAuth Crawling Data using OpenAPI Advanced Web Crawling 1. Crawling Twitter Data Twitter API API

More information

Multi Channel Analysis. Multi Channel Analytics :!! - (Ad network ) Report! -! -!. Valuepotion Multi Channel Analytics! (1) Install! (2) 3 (4 ~ 6 Page

Multi Channel Analysis. Multi Channel Analytics :!! - (Ad network ) Report! -! -!. Valuepotion Multi Channel Analytics! (1) Install! (2) 3 (4 ~ 6 Page Multi Channel Analysis. Multi Channel Analytics :!! - (Ad network ) Report! -! -!. Valuepotion Multi Channel Analytics! (1) Install! (2) 3 (4 ~ 6 Page ) Install!. (Ad@m, Inmobi, Google..)!. OS(Android

More information

SK IoT IoT SK IoT onem2m OIC IoT onem2m LG IoT SK IoT KAIST NCSoft Yo Studio tidev kr 5 SK IoT DMB SK IoT A M LG SDS 6 OS API 7 ios API API BaaS Backend as a Service IoT IoT ThingPlug SK IoT SK M2M M2M

More information

슬라이드 1

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

More information

<4D6963726F736F667420576F7264202D205B4354BDC9C3FEB8AEC6F7C6AE5D3131C8A35FC5ACB6F3BFECB5E520C4C4C7BBC6C320B1E2BCFA20B5BFC7E2>

<4D6963726F736F667420576F7264202D205B4354BDC9C3FEB8AEC6F7C6AE5D3131C8A35FC5ACB6F3BFECB5E520C4C4C7BBC6C320B1E2BCFA20B5BFC7E2> 목차(Table of Content) 1. 클라우드 컴퓨팅 서비스 개요... 2 1.1 클라우드 컴퓨팅의 정의... 2 1.2 미래 핵심 IT 서비스로 주목받는 클라우드 컴퓨팅... 3 (1) 기업 내 협업 환경 구축 및 비용 절감 기대... 3 (2) N-스크린 구현에 따른 클라우드 컴퓨팅 기술 기대 증폭... 4 1.3 퍼스널 클라우드와 미디어 콘텐츠 서비스의

More information

DocsPin_Korean.pages

DocsPin_Korean.pages Unity Localize Script Service, Page 1 Unity Localize Script Service Introduction Application Game. Unity. Google Drive Unity.. Application Game. -? ( ) -? -?.. 준비사항 Google Drive. Google Drive.,.. - Google

More information

4? [The Fourth Industrial Revolution] IT :,,,. : (AI), ,, 2, 4 3, : 4 3.

4? [The Fourth Industrial Revolution] IT :,,,. : (AI), ,, 2, 4 3, : 4 3. 2019 Slowalk 4? [The Fourth Industrial Revolution] IT :,,,. : (AI),. 4 2016 1 20,, 2, 4 3, : 4 3. 2 3 4,,,, :, : : (AI, artificial intelligence) > > (2015. 12 ) bot (VR, virtual reality) (AR, augmented

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

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

SBR-100S User Manual

SBR-100S User Manual ( 1 / 13 ) SBR-100S 모델에 대한 사용자 펌웨어 업그레이드 방법을 안내해 드립니다. SBR-100S 는 신규 펌웨어가 있을시 FOTA(자동업데이트) 기능을 통하여 자동 업그레이드가 되며, 필요시 사용자가 신규 펌웨어를 다운받아 수동으로 업그레이드 할 수 있습니다. 1. 준비하기 1.1 연결 장치 준비 펌웨어 업그레이드를 위해서는 SBR-100S

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

Secure Programming Lecture1 : Introduction

Secure Programming Lecture1 : Introduction Malware and Vulnerability Analysis Lecture4-1 Vulnerability Analysis #4-1 Agenda 웹취약점점검 웹사이트취약점점검 HTTP and Web Vulnerability HTTP Protocol 웹브라우저와웹서버사이에하이퍼텍스트 (Hyper Text) 문서송수신하는데사용하는프로토콜 Default Port

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 Reasons for Poor Performance Programs 60% Design 20% System 2.5% Database 17.5% Source: ORACLE Performance Tuning 1 SMS TOOL DBA Monitoring TOOL Administration TOOL Performance Insight Backup SQL TUNING

More information

PowerPoint Presentation

PowerPoint Presentation Class - Property Jo, Heeseung 목차 section 1 클래스의일반구조 section 2 클래스선언 section 3 객체의생성 section 4 멤버변수 4-1 객체변수 4-2 클래스변수 4-3 종단 (final) 변수 4-4 멤버변수접근방법 section 5 멤버변수접근한정자 5-1 public 5-2 private 5-3 한정자없음

More information

2009년 상반기 사업계획

2009년 상반기 사업계획 웹 (WWW) 쉽게배우는데이터통신과컴퓨터네트워크 학습목표 웹서비스를위한클라이언트 - 서버구조를살펴본다. 웹서비스를지원하는 APM(Apache, PHP, MySQL) 의연동방식을이해한다. HTML 이지원하는기본태그명령어와프레임구조를이해한다. HTTP 의요청 / 응답메시지의구조와동작원리를이해한다. CGI 의원리를이해하고 FORM 태그로사용자입력을처리하는방식을알아본다.

More information

Internet Explorer 10 호환성 확보 가이드

Internet Explorer 10 호환성 확보 가이드 Internet Explorer 11 호환성확보가이드 개발부 Windows 팀 2013 년 7 월 Version 1.3 Page 1 목차 1. 개요... 3 요약... 3 대상... 3 참조문서... 3 알림... 3 2. 주요개선사항... 4 터치성능및사용자 UI 개선... 4 속도개선... 4 그래픽개선... 5 F12 개발자도구... 5 HTML5 Encypted

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 HTML5 웹프로그래밍입문 2 장.HTML5 문서의기본 목차 2.1 기본문서만들기 2.2 단락과텍스트꾸미기 2.3 목록및표작성하기 2.4 문서구조화하기 소스코드실행사이트 주소 : http://webclass.me/html5_2e 폴더 ch02/ ~ ch13/ 에각장의예제가있어서실행결과확인및소스보기가가능합니다. 2 HTML5 문서의기본 2.1 기본문서만들기 2.1.1

More information