제레미키스 Jeremy Keith 웹디자이너를위한 HTML5

Save this PDF as:
 WORD  PNG  TXT  JPG

Size: px
Start display at page:

Download "제레미키스 Jeremy Keith 웹디자이너를위한 HTML5"

Transcription

1 제레미키스 Jeremy Keith 웹디자이너를위한 HTML5

2 HTML5 FOR WEB DESIGNERS By A Book Apart Copyright 2010 by Jeremy Keith Korean translation copyright 2011 by Webactually KOREA, Inc. 이책의한국어판저작권은저작권자와의독점계약으로웹액츄얼리코리아 ( 주 ) 에있습니다. 저작권법에의해한국내에서보호를받는저작물이므로무단전재와복제를금합니다. 이책내용의전부또는일부를사용하려면반드시저작권자와웹액츄얼리북스팀의서면동의를받아야합니다. table of contents 1 chapter 1 마크업언어의간략한역사 웹디자이너를위한 HTML5 초판인쇄 2011 년 4 월일초판발행 2011 년 4 월일 저자제레미키스 역자김중철, 웹액츄얼리북스팀펴낸곳웹액츄얼리코리아 출판등록제 호주소서울서초구반포동 모모빌딩 B1 전화 (02) 팩스 (02) 웹사이트 편집디자인 design rak chapter 2 HTML5 의설계 chapter 3 리치미디어 chapter 4 Web Forms 2.0 chapter 5 HTML 의미론 chapter 6 지금 HTML5 를사용하려면 인덱스 가격 12,000 원 ISBN 잘못되거나파손된책은구입하신곳에서교환해드립니다.

3 출간에앞서 이책은웹개발자이자저술가로널리알려진제레미키스 Jeremy Keith 의명저 HTML5 For Web Designers 를번역한책입니다. 제레미키스는웹표준기술에관한함축적이고명쾌한저술로잘알려져있고국내에도이미소개된바있습니다. 더욱이이책은웹표준기술의세계적인선구자로유명한제프리젤드먼 Jeffrey Zeldman 이설립한출판사 A Book Apart의책입니다. Web Standards Project의설립자였던제프리젤드먼은 A Book Apart를통해지식의사전적인나열이아니라효과적인학습을통해보다근본적인의미를깨우칠수있는책을발행하고있습니다. 그가진정으로바라는것은웹표준기술의실제사용사례에있어의문과오류를없애는것입니다. 웹액츄얼리는제프리젤드먼의 A Book Apart 한국파트너로이책을발행하게된것을진심으로기쁘게생각합니다. 이책은 HTML5 각요소들의근본적인의미와한계에대해핵심을찌르며그쓰임새를적절하게잘전달하고있습니다. 기존기술과 HTML5 요소를정확한예제를곁들여비교설명하여그동안품었던 HTML5와 HTML 요소전반에대한의문이남지않도록명쾌하게정리했습니다. HTML5 기술구현에목마른독자여러분께큰도움이될것입니다. 또한 HTML과웹기술발전이면의의미를살펴봄으로써 CSS와스크립트, XHTML과 HTML이상호발전하면서 HTML5가어떤의미를갖는지, 그리고 HTML5의사용처와그개방적지향점에대한생각을더욱견고하게해주어독자여러분의응용력을높여줄것입니다. 뿐만아니라저자의다양한인문지식을배경으로한재치있는사례, 함축적이면서도세련된사고와문장은책읽는재미를더합니다. 책제목은 웹디자이너를위한 HTML5 입니다. 원서의제목 HTML5 For Web Designers 를그대로살릴것인지아니면국내실정에맞춰바꿀것인지를놓고잠시고민했지만원서제목에따르기로했습니다. 그이유는국내웹디자인산업이좀더발전하기를바라는마음에서입니다. 하지만이책은웹분야종사자모두를위한책입니다. 세련되고퀄리티높은웹사이트를제작하기위해서는 HTML5, CSS3를알아야합니다. 이책이여러분에게좋은가이드가되길바랍니다. - 웹액츄얼리북스팀 HTML5 의각요소들은다분히의미론적이고포괄적인동시에개별 적인기술이많기때문에저자의경험과이론을바탕으로한이책은

4 감사의글 HTML5 For Web Designers 가한국에출판되기를손꼽아기다려왔습니다. 이책의목적은독자들에게실질적인도움을주기위해짧은시간내웹의새로운공통어에대한상세하고꼼꼼한리뷰를제공하는것입니다. 이책을통해재미는물론앞으로더나은웹사이트를만들기위한영감을발견하시길바랍니다. 제레미키스 & 제프리젤드먼 We have eagerly awaited the publication of HTML5 FOR WEB DESIGNERS in Korea. Our goal with this book was to provide a highly detailed and meticulously edited examination of the web's new lingua franca-and to do it fast, so you can get back to work. We hope it entertains, but more importantly, we hope it inspires you to make better websites, now and in the future. Jeremy Keith & jeffrey Zeldman Jeremy Keith web: adactio.com Jeffrey Zeldman web:

5 번역감수자 아무리웹애플리케이션시대가왔다고하나웹의가장근본적인목적은많은사람들과정보를보편적으로공유하는것입니다. 그래서웹산업에종사하는사람들이 HTML이라는도구를어떻게사용하느냐는매우중요한과제입니다. 이책은 HTML5로웹콘텐츠를의미있고효율적으로만드는방법에대해소개합니다. 뿌리깊은나무는바람에흔들리지않듯이책이제시하는원칙을통해만들어진웹사이트는많은사람들에게도움을줄것입니다. 이책은현재까지출간된어떤책보다도 HTML5 표준의역사와원칙그리고개발방법에대해핵심적인내용을잘설명하고있습니다. 또한 HTML5 마크업이변화된내용을명확히설명하고있으며, HTML5에서가장중요한기능인캔버스, 비디오, 오디오부분을알기쉽게표현했습니다. 그리고마지막부분에서는지금당장 HTML5를활용하는방법을소개하여 HTML5를처음공부하는분들이쉽게활용할수있도록배려했습니다. HTML5 공부를시작하는분들, 그리고 HTML5 의기본적인이해를명확히하기를원하는분들에게적극적으로추천해드리고싶은책입니다. 윤석찬다음커뮤니케이션에서테크니컬에반젤리스트로서웹표준및웹애플리케이션기술에관심을가지고있으며, 제주대컴퓨터공학과에서웹기술및공개 SW를가르치고있다. 오랜기간한국 Mozilla 커뮤니티리더이면서 이원석현재삼성전자책임연구원으로근무하고있으며, W3C HTML5 대한민국관심그룹의장, W3C 대한민국사무국코디네이터, 모바일웹2.0 포럼 HTML5 AG 의장으로활동하고있다. 2003년부터웹서비스, 시맨틱웹, 유비쿼터스웹등에웹기술에대한다양한연구를수행했으며, 최근에는 HTML5, 미디어어노테이션, 디바이스 API

6 서문 맨디브라운 Mandy Brown, 제이슨산타마리아 Jason Santa Maria 와함께출판사 A Book Apart를설립했을때, 우리마음을사로잡은주제는오직 HTML5뿐이었습니다. 또한이주제를소화할수있는유일한저자는제레미키스 Jeremy Keith 단한명뿐이라고믿었습니다. HTML5는웹표준을준수하는디자인커뮤니티에웹폰트 real fonts 나 CSS3가출현했을때보다더엄청난충격을주었습니다. HTML5는느리고다분히정치적인 W3C에서탈피해, 단순한문서를넘어애플리케이션으로서의웹을목표로하는웹디자인커뮤니티를흥분시킨한편혼란을안겨주었습니다. 제레미키스는 DOM과자바스크립트에관한그의저술에서보여주었던것처럼, HTML5 주제에관해서도발군의능력을보여주고있습니다. HTML5가어떤것인지설명하고, 실제로이를사용할표준을준수하는디자이너와개발자들이신경써야할핵심들을효과적으로전달하고있습니다. 이책에서도그는꼭필요한만큼의글과그림만으로자신의능력을충분히발휘하고있습니다. 또브라우저제작사들을위해서는기술적인문제를담은보다두꺼운 비법서가나올수도있겠지만, 다행히도저와독자여러분은이런것들 을생각할필요가전혀없습니다. 이책은웹콘텐츠를만들고, 감각적이고의미있는웹페이지를만들 며, 훌륭한접근성의인터페이스를만드는여러분을위한책입니다. HTML5 의길잡이로서이책을참조하십시오. 이책의목표는빛처럼 명쾌합니다. A Book Apart 에서나올모든책들과마찬가지로복잡한 주제에대해명확한방향을제시하며, 최대한빠르게, 충분히이해할 수있도록독자여러분을도울것입니다. 여러분이좀더쉽게일을시 작할수있도록말입니다. Jeffrey Zeldman 제프리젤드먼 이미 HTML5 에관해다른책들이나와있으며, 앞으로도더많은책이 나올것입니다. HTML5 를이용하려는애플리케이션개발자들을위해 서 5 백여페이지에달하는기술서적이나올수도있을것입니다.

7 HTML5의 API는매우강력합니다. 완전히저의상상을초월할정도입니다. 그러니이에대해쓰는것은저보다더똑똑한개발자들의몫으로넘기겠습니다. API 내용만해도하나의책분량입니다. 그렇지만 HTML5에는여전히우리웹디자이너들을흥분시킬만한새로운내용들이아주많습니다. 다음장부터이런흥분의세계가시작됩니다. 3웹의역사는기술의발전으로요약할수있습니다. 초창기에 HTML에추가된태그중하나인 <img> 태그는웹을근본적으로바꾸었습니다. 또한이후에도입된자바스크립트는웹을보다동적인환경으로바꿀수있도록했습니다. Ajax의확산은완전한기 리치미디어 능을하는애플리케이션으로서의웹의가능성을보여주었습니다. 웹표준은지금까지엄청나게발전해서이제는 HTML, CSS, 그리고자바스크립트만으로거의모든것을만들수있게되었습니다. 그런데웹표준이다루는범위에는약간의빈틈이존재합니다. 여러분이텍스트와이미지만을다룬다면 HTML과 CSS만으로도충분할것입니다. 하지만오디오나비디오를만들려면 Flash 나 Silverlight와같은플러그인 Plug-in 기술을사용해야할것입니다. 30 HTML5 for Web Designers 리치미디어 31

8 플러그인 이라는말은이런기술들에정확히어울리는용어입니다. 이기술들은웹의부족한부분들을채워주기때문입니다. 이들은온라인상의게임, 영화, 음악등에상대적으로쉽게접근할수있도록도와줍니다. 하지만이기술들은개방되어있지않습니다. 이기술들은개방된개발자커뮤니티에의해만들어진것이아니라개별회사들이만든것이어서독점적기술입니다. Flash는매우강력한기술임에틀림없지만, 때로는 Flash를사용하는것이마치악마와거래하는것처럼느껴집니다. Flash를이용하면웹상에서리치미디어를사용할수있게되지만, 이로인해우리는독립성일부를잃게되니까요. HTML5도점점부족한부분을채워나가고있습니다. 그결과, Flash나 Silverlight와같은특정회사의독점적인기술들과직접적으로경쟁하게되었습니다. 하지만 HTML5의리치미디어요소들은플러그인형태가아니라브라우저에자체내장된다는점이다릅니다. 만일단이미지가브라우저에의해처리되고나면, 그내용은바뀔수없습니다. <canvas> 태그는이와달리동적인이미지를만들수있는환경을제공합니다. 이태그는아주간단합니다. <canvas> 태그를사용하려면다음예와같이여는태그안에치수만입력하면됩니다. <canvas id="my-first-canvas" width="360" height="240"> </canvas> 여는태그와닫는태그사이에어떤내용을넣었을때, <canvas> 태그를지원하지않는브라우저에서는그내용이그대로표시될것입니다.( 그림 3.01) <canvas id="my-first-canvas" width="360" height="240"> <p>no canvas support? Have an old-fashioned image instead:</p> <img src="puppy.jpg" alt="a cute puppy"> </canvas> 캔버스 Mosaic 브라우저가웹페이지내에이미지를포함하는기능을추가했을때, 이는마치웹에터보엔진을단것과같았습니다. 하지만이미지들은그때부터계속움직이지않는정적인상태 로남아있게됩니다. 여러분은움직이는 gif 를만들수도있고, 자바스크립트를이용해이미지의스타일을바꿀수도있습니다. 또한동적으로서버에서이미지를생성할수도있습니다. 하지 그림 3.01: <canvas> 태그가지원되지않는브라우저를사용하면귀여운강아지이미지가보일것이다. 32 HTML5 for Web Designers 리치미디어 33

9 내부의복잡한모든작업은자바스크립트가처리합니다. 우선여러분이할일은 canvas 요소와 콘텍스트 context 를참조하는것입니다. 여기에서 콘텍스트 란단순히 API를의미합니다. 현재까지콘텍스트는 2차원만있습니다. var canvas = document.getelementbyid('my-first-canvas'); var context = canvas.getcontext('2d'); 이제는 1 의 HTML5 규격에정의된 API를이용해 <canvas> 태그의 2차원평면위에그림을그릴수있습니다. 이제이후에여러분이그리는모든것들은빨간외곽선을갖게될것입니다. 예를들어, 직사각형을그리려면다음문법을사용하면됩니다. strokerect ( left, top, width, height ) canvas의왼쪽경계로부터 20 픽셀만큼, 위쪽경계로부터 30 픽셀만큼떨어진위치에가로 100 픽셀, 세로 50 픽셀크기의직사각형을그리고싶다면, 다음과같이코드를작성하면됩니다.( 그림 3.02) context.strokerect(20, 30, 100, 50); 2차원 API는 Illustrator와같은그래픽프로그램에서볼수있는선굵기 strokes, 채우기 fills, 색상변화 gradients, 그림자 shadows, 도형 shapes, 그리고베지에곡선 Bezier curves 2 등과같은수많은도구들을 제공합니다. 차이점이라면그래픽유저인터페이스 GUI 를이용하는대신에모든것을자바스크립트를이용해나타내야한다는 것입니다. 그림 3.02: 위의 <canvas> 태그로그린직사각형. 갖고놀기 : 코드로그림그리기선을빨간색으로지정하는명령은다음과같습니다. context.strokestyle = '#990000'; 이것은아주간단한예에불과합니다. 2차원 API는 fillstyle, fillrect, linewidth, shadowcolor 등과같은수많은방법를제공합니다. 이론적으로는 Illustrator와같은프로그램에서그릴수있는모 든이미지들은 <canvas> 태그안에서만들수있습니다. 물론정 1 전체 URL은 the-canvas-element.html이다. 2 벡터그래픽이론에서곡선부분을나타내는방식중한가지. Adobe Illustrator가대표적인방식. 말그렇게실천하려면엄청난수고와함께굉장히긴자바스크 립트코드가필요할것입니다. 게다가 canvas 가진짜초점을두 고있는부분은이런것이아닙니다. 34 HTML5 for Web Designers 리치미디어 35

10 인덱스 ㄱ 객체지향 38 공백 7, 20 공백문자 구글차트 API 39 구조적태그 85, 92, 94, 103, 106, 권고제안 9 권고후보안 9-10 그래픽유저인터페이스 34 ㄴ 내장된콘텐츠 (embedded contents) 94 네비게이션 86-87, 네임스페이스 노드 37 ㄷ 닫는태그 20-21, 33, 48 닫는슬래시 21 대체콘텐츠 48-50, 52 드래그앤드롭 29 ㄹ 레미샤프 (Remy Sharp) 104, 110 렌더링 17-18, 23, 25, 77 리치미디어 31-32, 53 링크 19, 87, 89-90, 106 링크리스트 90 ㅁ 마이크로포맷 12, 77-80, 마이크로데이터 80 마크노팅엄 (Mark Nottingham) 80 마크필그림 (Mark Pilgrim) 110 메소드 44, 80 문맥 82, 100 문서형식 15, 17 모바일 Safari 65 ㅂ 브루스로슨 (Bruce Lawson) 110 부제 99 불대수 43 ㅅ 사용성 61, 74 사용자기반 13, 36 사용자시나리오 79 사이드바 88 상세연락처 64, 77 색상선택기 71 샌드박스 53 섹션화콘텐츠 94-95, 97, 99, 100, 102, 105, 107 섹션화루트 99 슈도클래스 55 스크롤 59 스크린리더 26, 37, 40, 106 스탠드얼론방식 48 스피너컨트롤 슬라이더컨트롤 66, 73 시맨틱 85 쌍방향매체 54 ㅇ 아우트라인알고리즘 97, 역설계 14 오류처리 14 웹애플리케이션 5, 29 위젯 69, 유효성검증 17, 107 유효성검사기 20-21, 107 이식성 이탤릭체 인라인태그 27, 81, 94 인용 88 입력형식 ㅈ 자동모드 17 자동완성 자바스크립트라이브러리 40, 66, 71, 73 자바스크립트 API 장치독립성 25 접근성 50 제목 104 제프리스네든 (Geoffrey Sneddon) 105 조건주석 104 존앨소프 (John Allsopp) 79 ㅋ 코덱 47 콘텐츠모델 94 ㅌ 탐색건너뛰기 106 팀버너스리경 (Sir Tim Berners-Lee) 1, 7 ㅍ 파서 76 표준모드 17 프랑스혁명 11 프랑스혁명력 11 프로퍼티 44 플러그인 31-32, 53 ㅎ 헨리시보넨 (Henri Sivonen) 107 a abbr 9, 24, acronym Adobe 47 Ajax 31, 85, 101, 106 APi 28-30, 34-35, 39-40, 44 Apple 5, 40, 47 AriA , 109 article aside audio 41, 44, autobuffer autocomplete 61, 62 autofocus autoplay b bespin bgcolor 24 big block 103 br 21 button c canvas 32-35, 36-39, cellpadding 24 cellspacing 24 center 24 Chrome 40 cite class 77 color 71, 109 Content-Type 18 context 34 controls 44, 51 CSS 3 55 d datalist date 69, 109 datetime 69, HTML5 for Web Designers 인덱스 115

11 datetime-local 69 div 85, 92-93, 109 doctype 15-18, 21-22, 107 doctype 전환 17 document.write 28 DOM 37, 56, 68, 77, 84 e em 25, , 109 f fallback 48, 50 Filament group 39 Firefox 40, 47 Flash 31-32, 36, 42, font 14, 24 footer 85, 87-90, 92, 107 form 56, 58-59, frame 23 g Google 53, 58, 85 h hatom 77, 91 hcalendar 77, 82 hcard 77 hgroup 99 HTML HTML HTML , 12, i IETF 2 illustrator img 2, 31, 53 innerhtml 28 input 64, 70, 72 IRC 112 ISO 70 j Javascript 19 jquery 39 l lint 22 loop 43-44, 51 m mark meta 18 mime 4 Modernizr 108 month 70 Mosaic 2, 32 Mozilla 5, 36 MP3 47 MP4 52 n nav 89 navigation 86, 89 noframe 23 number o obsolete 22 ogg Vorbis 47, 48 opera 5, 40, 66-67, 70 outline 97 p parser 76 pattern 72 placeholder 56-58, 60 poster 52 preload 46, 51 progress 84 pubdate 91 Python 19 q QuickTime 41 r range 66-69, 109 RDFa Real Audio 41 required role , 109 RSS 90 s Safari 40, 46-47, scoped search 64, 106, 109 section 85-88, 90, 92, 96 sectioning content 94 sectioning roots 99 SGML 2 Silverlight small 25, source 47-48, 51 strike 24 strong 25, 81 SVG 40 t table 39 tel 64 text-align 24 Theora Video 52 time 70, 82-83, 91 type 19, 67 u ugly-stick UndoManager 29 url 64 user agent 76 v valign 24 video 51, 54, 94, 108, 110 w W3C 2-9, 11, 21, 41, 56, 107, 111 Web Apps , 29 Web Forms Web slices 91 Web standards Project 3 week 70 WHATWg 5-7, 12, 112 window.history 28 x XHTML , 8, 16-17, 20-21, 107 XHTML XHTML 2 4, 6-8, 11-12, 14 XML 2-3, 4, 40, 76 XMLHttprequest 41 y year 70 Year Zero 12 Youtube HTML5 for Web Designers 인덱스 117

12 A Book Apart 에관하여 저자에관하여 웹디자인은다방면에관한넓은지식과고도의집중력을필요로하는작업입니다. 이것이바로웹사이트를만드는사람들을위한출판사 A Book Apart의새로운시리즈총서에담긴정신입니다. A Book Apart는오직하나의주제에대해자세하면서도세심하게편집된내용만을출판합니다. 이번에제레미키스 Jeremy Keith 와함께 웹디자이너를위한 HTML5 를출간하게되어정말기쁩니다. 제레미키스 Jeremy Keith 는영국브라이튼에거주하는아일랜드국적의웹개발자입니다. 현재 Clearleft라는웹컨설팅회사에근무하고있으며 DOM Scripting 과 Bulletproof Ajax 라는두권의책을저술했습니다. 그의홈페이지는 adactio. com이며최근에수행한프로젝트는검색한음악을팟캐스트 podcast 로만 들어주는서비스인 Huffduffer 입니다. 제레미는웹사이트를만들지 않을때에는 Salter Cane 이라는밴드에서부주키를연주하곤합니다. His loony bun is fine benny lava! 1 1 인도의마이클잭슨이라불리는베니라바 (Benny Lava) 의노래중에 My loony bun is fine benny lava! 라는곡이있다. 문법적으로맞지않는영어를소리나는대로적은의미없는문장인데이제목으로뮤직비디오를만들어유튜브에서큰인기를모았다. W

13 글로벌모던웹디자인트렌드한방에!! 스매싱!! 정가 : 28,000원페이지수 : 344페이지, 전면컬러판형 : 신국판 mm 초판발행일 : 12월 20일펴낸곳 : 웹액츄얼리코리아 스매싱매거진이세계유명웹디자이너, 웹개발자와공동집필글로벌웹리더들의 9가지특강웹기획자, 디자이너, 퍼블리셔, 개발자필독서 < 스매싱북 > 은글로벌웹디자인커뮤니티 스매싱매거진 이세계유명웹디자이너, 웹개발자와함께집필한모던웹디자인에관한최고의실용서이다. 코딩분야의테크니컬팁과사용자인터페이스디자인, CSS레이아웃, 웹타이포그래피, 컬러사용가이드, 웹사이트성능최적화, 전환율높이기, 주목받는웹사이트를만드는웹디자인브랜딩등에관한정보를담고있다. 뿐만아니라마지막챕터에서는 스매싱매거진 이글로벌웹디자인업계에서가장영향력있는미디어회사로성장하기까지의히스토리를들려준다.

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

(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

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

More information

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

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

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

미쓰리 파워포인트

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

More information

쉽게 풀어쓴 C 프로그래밍

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

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

C O N T E N T S 목 차 요약 / 1 I. 중남미화장품시장현황 / 3 Ⅱ. 주요국별시장정보 / 9 ( 트렌드 유통망 인증 ) 1. 브라질 / 9 2. 멕시코 / 콜롬비아 / 칠레 / 64 Ⅲ. 우리기업진출전략 / 79 # 첨부. 화장품관

C O N T E N T S 목 차 요약 / 1 I. 중남미화장품시장현황 / 3 Ⅱ. 주요국별시장정보 / 9 ( 트렌드 유통망 인증 ) 1. 브라질 / 9 2. 멕시코 / 콜롬비아 / 칠레 / 64 Ⅲ. 우리기업진출전략 / 79 # 첨부. 화장품관 Global Market Report 17-023 Global Market Report 중남미주요국화장품시장동향과우리기업진출전략 C O N T E N T S 목 차 요약 / 1 I. 중남미화장품시장현황 / 3 Ⅱ. 주요국별시장정보 / 9 ( 트렌드 유통망 인증 ) 1. 브라질 / 9 2. 멕시코 / 29 3. 콜롬비아 / 46 4. 칠레 / 64 Ⅲ. 우리기업진출전략

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

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

슬라이드 1

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

More information

기철 : 혜영 : 기철 : 혜영 : ㄴ ㅁ ㅇ ㄴ ㅁ ㅇ ㅇ ㄴ ㅁ ㅇ

기철 : 혜영 : 기철 : 혜영 : ㄴ ㅁ ㅇ ㄴ ㅁ ㅇ ㅇ ㄴ ㅁ ㅇ 구 분 평서형 감탄형 의문형 명령형 청유형 격식체 비격식체 해라하게하오하십시오해해요 - 다 - 네, - ㅁ세 - 구나 - 구먼 - 구려 - 냐, - 니 - 는가, - 나 - 어라 - 게 - 자 - 세 - 오 - ㅂ니다 - 어, - 지 - 어요, - 지요 - 어, - 지, - 군 - 어요, - 지요, - 군요 - 오 - ㅂ니까 - 어, - 지 - 어요, - 지요

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

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

쉽게 풀어쓴 C 프로그래밍

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

More information

SASS FOR WEB DESIGNERS By A Book Apart Copyright 2014 Dan Cederholm Korean Translation Edition 2014 Webactually Korea, Inc. All rights reserved. 이 책의

SASS FOR WEB DESIGNERS By A Book Apart Copyright 2014 Dan Cederholm Korean Translation Edition 2014 Webactually Korea, Inc. All rights reserved. 이 책의 댄 시더홈 Dan Cederholm 웹디자이너를 위한 SASS SASS FOR WEB DESIGNERS By A Book Apart Copyright 2014 Dan Cederholm Korean Translation Edition 2014 Webactually Korea, Inc. All rights reserved. 이 책의 한국어판 저작권은 저작권자와의

More information

클라우드컴퓨팅 주요법령해설서 2017. 11. 목차 3... 5 I... 15 II... 39 1. 공공분야... 41 2. 금융분야... 71 3. 의료분야... 81 4. 교육분야... 95 5. 신산업등기타분야... 101 III... 109 요약문 5, 15 3, 1 16~ 18 15 11 16 4, 16 7,,, 5 16 5, 16 7~10,,,

More information

Web Scraper in 30 Minutes 강철

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

More information

PowerPoint 프레젠테이션

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

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

슬라이드 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

1수준

1수준 ㄴㄷㄹㅁㅂㅅㅇㅈㅊㅋㅌㅍㅎ ㄱ ㄴ ㄷ ㄹ ㅁ ㅂ ㅅ ㅇ ㅈ ㄱㄴㄷㄹㅁㅂㅅㅇㅈㅊㅋㅌㅍㅎㄱ ㄴㄷㄹㅁㅂㅅㅇㅈㅊㅋㅌㅍㅎ ㄱ ㄴ ㄷ ㄹ ㅁ ㅂ ㅅ ㅇ ㅈ 2 3 4 5 6 7 8 ㄴㄷㄹㅁㅂㅅㅇㅈㅊㅋㅌㅍㅎ ㄱ ㄴ ㄷ ㄹ ㅁ ㅂ ㅅ ㅇ ㅈ ㄱㄴㄷㄹㅁㅂㅅㅇㅈㅊㅋㅌㅍㅎㄱ ㄴㄷㄹㅁㅂㅅㅇㅈㅊㅋㅌㅍㅎ ㄱ ㄴ ㄷ ㄹ ㅁ ㅂ ㅅ ㅇ ㅈ 10 11 12 13 14 15 16 ㄴㄷㄹㅁㅂㅅㅇㅈㅊㅋㅌㅍㅎ

More information

본책- 부속물

본책- 부속물 PROGRAMMING RUBY PROGRAMMING RUBY : THE PRAGMATIC PROGRAMMER S GUIDE, 2nd Ed. Copyright c 2005 Published in the original in the English language by The Pragmatic Programmers, LLC, Lewisville. All rights

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

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

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

커버콘텐츠

커버콘텐츠 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

CSG_keynote_KO copy.key

CSG_keynote_KO copy.key 101. 3 Shutterstock 4 Shutterstock 5 Shutterstock? 6? 10 What To Create 10 Ways to Find Trends and Inspiration 12 15 17 :. 21 24 Shutterstock 26 29 -. 31 Shutterstock : 36 " " 37! 39 41 45 46 47 49 Copyright

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

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

Ⅰ. 서론 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

다른 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 프레젠테이션 09 장 문서객체모델 1. 문서객체모델관련용어 2. 웹페이지생성순서 3. 문서객체선택 4. 문서객체조작 5. 이벤트 문서객체와문서객체모델의개념을이해한다. 문서객체를선택하고조작할수있다. 이벤트의종류를알아보고문서객체에이벤트를연결해본다. 1 문서객체모델관련용어 문서객체모델 (DOM) Document Object Model 웹브라우저가 HTML 파일을분석하고표시하는방법

More information

..,. Job Flow,. PC,.., (Drag & Drop),.,. PC,, Windows PC Mac,.,.,. NAS(Network Attached Storage),,,., Amazon Web Services*.,, (redundancy), SSL.,. * A

..,. Job Flow,. PC,.., (Drag & Drop),.,. PC,, Windows PC Mac,.,.,. NAS(Network Attached Storage),,,., Amazon Web Services*.,, (redundancy), SSL.,. * A ..,. Job Flow,. PC,.., (Drag & Drop),.,. PC,, Windows PC Mac,.,.,. NAS(Network Attached Storage),,,., Amazon Web Services*.,, (redundancy), SSL.,. * Amazon Web Services, Inc.. ID Microsoft Office 365*

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

C++ Programming

C++ Programming C++ Programming 예외처리 Seo, Doo-okok clickseo@gmail.com http://www.clickseo.com 목 차 예외처리 2 예외처리 예외처리 C++ 의예외처리 예외클래스와객체 3 예외처리 예외를처리하지않는프로그램 int main() int a, b; cout > a >> b; cout

More information

C++ Programming

C++ Programming C++ Programming 연산자다중정의 Seo, Doo-okok clickseo@gmail.com http://www.clickseo.com 목 차 연산자다중정의 C++ 스타일의문자열 2 연산자다중정의 연산자다중정의 단항연산자다중정의 이항연산자다중정의 cin, cout 그리고 endl C++ 스타일의문자열 3 연산자다중정의 연산자다중정의 (Operator

More information

52 l /08

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

More information

YSU_App_2.0-2

YSU_App_2.0-2 Application System 2. 0 Youngsan University Identity Graphic Standards Stationery Business Card Business Card Letterhead-Korean Letterhead-English Envelope_Korean Envelope_English Envelope_Window Envelope_Large

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

PowerPoint 프레젠테이션

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

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

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 프레젠테이션 HTML5 웹프로그래밍입문 11 장. 캔버스 목차 11.1 캔버스이해하기 11.2 캔버스기본 API 사용하기 11.3 캔버스고급기능사용하기 2 11.1 캔버스이해하기 11.1.1 캔버스의특징 11.1.2 캔버스시작하기 3 HTML5 캔버스 자바스크립트를이용해서웹문서상에그림그리는기능 HTML5 이전 직접이미지파일을 태그를이용해서문서상에포함 자바애플릿이용

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

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

서현수

서현수 Introduction to TIZEN SDK UI Builder S-Core 서현수 2015.10.28 CONTENTS TIZEN APP 이란? TIZEN SDK UI Builder 소개 TIZEN APP 개발방법 UI Builder 기능 UI Builder 사용방법 실전, TIZEN APP 개발시작하기 마침 TIZEN APP? TIZEN APP 이란? Mobile,

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

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

슬라이드 1

슬라이드 1 ment Perspective (주)아임굿은 빅데이터 기술력, 반응형웹 제작, 온라인마케팅 노하우를 겸비한 IT 솔루션개발 및 마케팅 전문 기업입니다. 웹 정보를 수집하는 크롟링 시스템과 대량의 데이터를 처리하는 빅데이터 기술을 통해 쉽게 지나칠 수 있는 정보를 좀 더 가치있고 흥미로운 결과물로 변화하여 고객에게 제공하고 있습니다. 또한 최근 관심이 높아지고

More information

3월16일자.hwp

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

More information

C O N T E N T 목 차 요약 / 4 Ⅰ. 서론 Ⅱ. 주요국별대형유통망현황 / Ⅲ. 시사점및진출방안 ( 첨부 ) 국가별주요수입업체

C O N T E N T 목 차 요약 / 4 Ⅰ. 서론 Ⅱ. 주요국별대형유통망현황 / Ⅲ. 시사점및진출방안 ( 첨부 ) 국가별주요수입업체 Global Market Report 13-045 2013.6.07 CIS 대형유통망현황및진출방안 C O N T E N T 목 차 요약 / 4 Ⅰ. 서론 Ⅱ. 주요국별대형유통망현황 / Ⅲ. 시사점및진출방안 ( 첨부 ) 국가별주요수입업체 C IS 대형유통망현황및진출방안 요 약 - 1 - Global Market Report 13-045 - 2 - C IS 대형유통망현황및진출방안

More information

소식지11월호 수정

소식지11월호 수정 출판 이슈 2013년 11월호 발행일 발행인 주 소 전 화 홈페이지 2013년 11월 25일 이재호 서울시 강서구 금낭화로 154 국립국어원 4층 02)2669.0700 www.kpipa.or.kr 세미나/포럼 2013 지역서점 육성포럼 출판 news 문화융성의 시대를 열다 - 문화가 있는 삶 8대 정책과제 발표 독서율, 종이책이 전자책보다 12배 높아 성동구

More information

View Licenses and Services (customer)

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

More information

예제 <!DOCTYPE html><html><head> <script type="text/javascript"> function arcto() { var canvas = document.getelementbyid('canvas'); context = canvas.get

예제 <!DOCTYPE html><html><head> <script type=text/javascript> function arcto() { var canvas = document.getelementbyid('canvas'); context = canvas.get 1. 원그리기 1.1 원 / 원호그리기 - arc() 메서드 Ÿ arc() 메서드에서는시작좌표 (x, y), 반지름 (radius), 시작각도 (startangle), 종료각도 (endangle), 그리는방향 (anticlockwise) 을지정해야한다. Ÿ 시작각도와종료각도는브라우저에서원주를따라그려지는호에대한각도로라디안을사용한다. 따라서각도에 Math.PI/180을곱해서사용한다.

More information

SIGIL 완벽입문

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

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

02-출판과-완성

02-출판과-완성 저작권 아카데미 표준 교재 저작권 아카데미 표준 교재 교육홍보 2009-02 출판과 저작권 ISBN 978-89-6120-035-6 94010 ISBN 978-89-6120-033-2 CONTENTS 23 24 25 27 14 14 15 15 15 16 16 17 17 18 18 18 19 20 28 29 30 31 32 33 34 35 36 43 44 45

More information

저작자표시 - 비영리 - 변경금지 2.0 대한민국 이용자는아래의조건을따르는경우에한하여자유롭게 이저작물을복제, 배포, 전송, 전시, 공연및방송할수있습니다. 다음과같은조건을따라야합니다 : 저작자표시. 귀하는원저작자를표시하여야합니다. 비영리. 귀하는이저작물을영리목적으로이용할

저작자표시 - 비영리 - 변경금지 2.0 대한민국 이용자는아래의조건을따르는경우에한하여자유롭게 이저작물을복제, 배포, 전송, 전시, 공연및방송할수있습니다. 다음과같은조건을따라야합니다 : 저작자표시. 귀하는원저작자를표시하여야합니다. 비영리. 귀하는이저작물을영리목적으로이용할 저작자표시 - 비영리 - 변경금지 2.0 대한민국 이용자는아래의조건을따르는경우에한하여자유롭게 이저작물을복제, 배포, 전송, 전시, 공연및방송할수있습니다. 다음과같은조건을따라야합니다 : 저작자표시. 귀하는원저작자를표시하여야합니다. 비영리. 귀하는이저작물을영리목적으로이용할수없습니다. 변경금지. 귀하는이저작물을개작, 변형또는가공할수없습니다. 귀하는, 이저작물의재이용이나배포의경우,

More information

PowerPoint 프레젠테이션

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

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

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

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

<4D F736F F F696E74202D203137C0E55FBFACBDC0B9AEC1A6BCD6B7E7BCC72E707074>

<4D F736F F F696E74202D203137C0E55FBFACBDC0B9AEC1A6BCD6B7E7BCC72E707074> SIMATIC S7 Siemens AG 2004. All rights reserved. Date: 22.03.2006 File: PRO1_17E.1 차례... 2 심벌리스트... 3 Ch3 Ex2: 프로젝트생성...... 4 Ch3 Ex3: S7 프로그램삽입... 5 Ch3 Ex4: 표준라이브러리에서블록복사... 6 Ch4 Ex1: 실제구성을 PG 로업로드하고이름변경......

More information

쉽게 풀어쓴 C 프로그래밍

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

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

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

Microsoft PowerPoint - MonthlyInsighT-2018_9월%20v1[1]

Microsoft PowerPoint - MonthlyInsighT-2018_9월%20v1[1] * 넋두리 * 저는주식을잘한다고생각합니다. 정확하게는주식감각이있다는것이맞겠죠? 예전에애널리스트가개인주식을할수있었을때수익률은엄청났었습니다 @^^@. IT 먼쓸리가 4주년이되었습니다. 2014년 9월부터시작하였으니지난달로만 4년이되었습니다. 4년간누적수익률이최선호주는 +116.0%, 차선호주는 -29.9% 입니다. 롱-숏으로계산하면 +145.9% 이니나쁘지않은숫자입니다.

More information

1701_ADOP-소개서_3.3.key

1701_ADOP-소개서_3.3.key ADOP ALL DISTRIBUTION OPTIMIZATION PLATFORM SINCE 2011 ~ PA RT 0 1 PA RT 02 회사소개 PA RT 03 ADOP 서비스 ADOP SSP (Supply Side Platform) & 솔루션 소개 CONTENTS PA RT 04 성공사례 1 PART 회사소개 WHO WE ARE? ADOP 5. 03. 10.

More information

쉽게 풀어쓴 C 프로그래밍

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

More information

0. 들어가기 전

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

More information

Ÿ 캔버스의크기와드로잉표면의크기 <canvas> 요소의 width/height 속성사용하여변경하면캔버스크기를드로잉표면의크기로자동변경한다. CSS를사용해서캔버스크기를지정하는경우는드로잉표면의크기는변경할수없기때문에캔버스와드로잉표면의불일치로인하여예기치않은결과를발생시킬수있음에주

Ÿ 캔버스의크기와드로잉표면의크기 <canvas> 요소의 width/height 속성사용하여변경하면캔버스크기를드로잉표면의크기로자동변경한다. CSS를사용해서캔버스크기를지정하는경우는드로잉표면의크기는변경할수없기때문에캔버스와드로잉표면의불일치로인하여예기치않은결과를발생시킬수있음에주 1. 기본내용 1.1 캔버스 Ÿ canvas 요소는웹페이지에서자바스크립트를통해즉시그림을그리는데사용되며단순한그림표현을넘어여러효과와함께텍스트및애니메이션표현이가능하다. Ÿ 그림을그리기위해서는 를사용해서그림영역을지정하고, 자바스크립트를사용해서실제그림을그린다. 1.2 캔버스좌표시스템 Ÿ 캔버스의좌표시스템은 2D 컨텍스트로, 왼쪽상단모서리에있는평면직교표면을

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

접근성과 웹 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

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

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

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

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

µ¶µµºÎ·Ï1~64

µ¶µµºÎ·Ï1~64 초등학생 독도 바로 알기 인천광역시교육감 인정 2011. 6. 9. 2011-001 초등학생 부록 독도 바로 알기 부록 교수 학습 지도 보완 자료 초등학생 독도 바로 알기 부록 독도 이름, 이렇게 바뀌었어요! 우산도(于山島, 512년) 석도(石島, 1900년) 독도(獨島, 1906년) 우산 은 울릉도에 있었던 고대 소 국 우산국에서 비롯됨 석도 는 섬 자체가

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

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 WEB SERVER PORTING 1 Jo, Heeseung 웹서버포팅 HBE-SM5-S4210 를임베디드웹서버로사용할수있도록웹서버를올리는작업 임베디드서버에널리쓰이는웹서버들중 GoAhead 라는웹서버를포팅 CGI 프로그램을이용하여웹에서 HBE-SM5-S4210 의 LED, 7- Segment, TextLCD 를제어실습 2 Goahead webserver 소스를다운받거나제공된

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

2009년 상반기 사업계획

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

More information

KPS-19MA-1.hwp

KPS-19MA-1.hwp 판서모니터 사양(모델명 KPS-19MA) 모델명 KPS-19MA 화면크기 19.0 inch 해상도 1280 (H)x1024 (v) 픽셀크기 0.294 x0.294 mm 화소 16.7M (8 bits/color) 선명도 800:1 밝기 300 cd/m2 응답속도 Tr+Tf=5 ms 시야각 +80 ~80 (H), +80 ~80 (V) Tablet Specification

More information

새로운 지점에서 단이 시작하는 경우 기둥코로 시작하라고 표시합니다. 기둥코(standing stitch)로 시작하는 방법은 YouTube 에서 찾아볼 수 있습니다. 특수 용어 팝콘뜨기: 1 코에 한길긴뜨기 5 코, 바늘을 빼고 첫번째 한길긴뜨기코의 앞에서 바늘을 넣은

새로운 지점에서 단이 시작하는 경우 기둥코로 시작하라고 표시합니다. 기둥코(standing stitch)로 시작하는 방법은 YouTube 에서 찾아볼 수 있습니다. 특수 용어 팝콘뜨기: 1 코에 한길긴뜨기 5 코, 바늘을 빼고 첫번째 한길긴뜨기코의 앞에서 바늘을 넣은 Desire Copyright: Helen Shrimpton, 2016. All rights reserved. By: Helen at www.crystalsandcrochet.com 12 인치 모티브 worsted/aran(10ply), 5mm 바늘 사용 약 10인치 Double Knitting(8ply), 4mm 바늘 사용 미국식 용어를 사용합니다. 약어

More information

자식농사웹완

자식농사웹완 윤 영 선 _ 지음 은혜한의원 서울시 마포구 도화1동 550 삼성프라자 308호 Tel : 3272.0120, 702.0120 진료시간 : 오전 9시 30분`~`오후 7시 점심시간 : 오후 1시`~`2시 토 요 일 : 오전 9시 30분`~`오후 3시 (일, 공휴일 휴진`/`전화로 진료 예약 받습니다) 은 혜 한 의 원 은혜한의원 CONTENTS 02 04 07

More information

과정명

과정명 웹표준과 HTML5 2010.03.02 ~ 03.06 김동완, 정경화 dwkim@nextree.co.kr 강의요구기술 본강의는아래기술에대한이해를필요로합니다. (x)html CSS JavaScript 기타 개발도구 Text Editor (Notepad, Ultraedit,EditPlus) 웹브라우저 (Firefox, Opera, Internet Explorer,

More information

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

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

More information

What is ScienceDirect? ScienceDirect는 세계 최대의 온라인 저널 원문 데이터베이스로 엘스비어에서 발행하는 약,00여 종의 Peer-reviewed 저널과,000여권 이상의 도서를 수록하고 있습니다. Peer review Subject 수록된

What is ScienceDirect? ScienceDirect는 세계 최대의 온라인 저널 원문 데이터베이스로 엘스비어에서 발행하는 약,00여 종의 Peer-reviewed 저널과,000여권 이상의 도서를 수록하고 있습니다. Peer review Subject 수록된 Empowering Knowledge Quick Reference Guide www.sciencedirect.com Elsevier Korea 0-8 서울시 용산구 녹사평대로 0 (이태원동) 천우빌딩 층 Tel. 0) 7-0 l Fax. 0) 7-889 l E-mail. sginfo.elsevier.com Homepage. http://korea.elsevier.com

More information

00-CourseSyllabus

00-CourseSyllabus 웹기술및응용 : Course Syllabus 2018 년도 2 학기 Instructor: Prof. Young-guk Ha Dept. of Computer Science & Engineering Contents Introduction Major Topics Term Project Course Material Grading Policy Class Schedule

More information

소규모 비즈니스를 위한 플레이북 여기서 다룰 내용은 다음과 같습니다. 1. YouTube 소개 2. YouTube에서 비즈니스를 위한 채널 만들기 3. 눈길을 끄는 동영상 만들기 4. 고객의 액션 유도하기 5. 비즈니스에 중요한 잠재고객에게 더 많이 도달하기

소규모 비즈니스를 위한 플레이북 여기서 다룰 내용은 다음과 같습니다. 1. YouTube 소개 2. YouTube에서 비즈니스를 위한 채널 만들기 3. 눈길을 끄는 동영상 만들기 4. 고객의 액션 유도하기 5. 비즈니스에 중요한 잠재고객에게 더 많이 도달하기 소규모 비즈니스를 위한 YouTube 플레이북 YouTube에서 호소력 있는 동영상으로 고객과 소통하기 소규모 비즈니스를 위한 플레이북 여기서 다룰 내용은 다음과 같습니다. 1. YouTube 소개 2. YouTube에서 비즈니스를 위한 채널 만들기 3. 눈길을 끄는 동영상 만들기 4. 고객의 액션 유도하기 5. 비즈니스에 중요한 잠재고객에게 더 많이 도달하기

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

슬라이드 1

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

More information

Syrup Store O2O Marketing Platform/Solution

Syrup Store O2O Marketing Platform/Solution 모바일웹성능최적화동향및사례 : Syrup Store 앱 임상석 SK 플래닛 Syrup Store O2O Marketing Platform/Solution Syrup Store App for SMB HTML5 기반 안드로이드 /ios 앱개발삽질기 왜 HTML5! Front-end 개발자중심으로 Cross Platform 앱내부개발 타협불가최소품질 Native

More information

2파트-07

2파트-07 CHAPTER 07 Ajax ( ) (Silverlight) Ajax RIA(Rich Internet Application) Firefox 4 Ajax MVC Ajax ActionResult Ajax jquery Ajax HTML (Partial View) 7 3 GetOrganized Ajax GetOrganized Ajax HTTP POST 154 CHAPTER

More information

20주년용

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

More information

Microsoft Word - 김완석.doc

Microsoft Word - 김완석.doc 포커스 구글의 기술과 시사점 김완석* 성낙선** 정명애*** 구글에는 전설적인 다수의 개발자들이 지금도 현역으로 일하고 있으며, 구글 창업자와 직원들이 직접 대 화하는 금요회의가 지금도 계속되고 있다. 구글은 창업자, 전설적 개발자, 금요회의, 복지 등 여러 면에서 화제와 관심의 대상이다. 이러한 화제의 구글을 기술 측면에서 이해하기 위하여 구글의 주요 기술에

More information