l 시작하며 대학 4학년에재학중인한아름이국내굴지의 IT 회사에 2달과정의인턴과정에합류하면서이야기가시작된다. 10년차개발자인구친절멘토의도움을받아좌충우돌프로젝트에적응하는과정을통해 IT 개발자로성장하기위한기초지식을배워나간다. 과연한아름은 2달간의짧은인턴기간을성공적으로마칠수있

Size: px
Start display at page:

Download "l 시작하며 대학 4학년에재학중인한아름이국내굴지의 IT 회사에 2달과정의인턴과정에합류하면서이야기가시작된다. 10년차개발자인구친절멘토의도움을받아좌충우돌프로젝트에적응하는과정을통해 IT 개발자로성장하기위한기초지식을배워나간다. 과연한아름은 2달간의짧은인턴기간을성공적으로마칠수있"

Transcription

1 개발자가되고싶으세요? IT 입문지식을말하다 고종범 김미진 윤성열 이상민 이재근 전병권지음

2 l 시작하며 대학 4학년에재학중인한아름이국내굴지의 IT 회사에 2달과정의인턴과정에합류하면서이야기가시작된다. 10년차개발자인구친절멘토의도움을받아좌충우돌프로젝트에적응하는과정을통해 IT 개발자로성장하기위한기초지식을배워나간다. 과연한아름은 2달간의짧은인턴기간을성공적으로마칠수있을까? 여러분도한아름의여정을함께해보길바란다. 이땅의수많은한아름에게큰응원과박수를보낸다. 이름 _ 한아름나이 _24세컴퓨터공학과 4학년여학생이다. 굴지의 IT 회사에 2달과정의인턴으로입사했다. 수능점수에맞춰서컴공과에들어갔기때문에 IT에대해서는아는것이없지만, 새로운것에대한습득능력이매우뛰어나고호감형의얼굴이라많은사람들이친절하게대해준다. 이름 _ 구친절나이 _38세 IT 회사에 10년간다니고있는남자개발자다. 사내에서개발및강의경험도많고호기심도많은편이며기술에대한지식도풍부하다. 두달동안한아름씨를담당할멘토로지정되었다. 개발자가되고싶으세요? IT 입문지식을말하다 지은이고종범, 김미진, 윤성열, 이상민, 이재근, 전병권 초판발행 2015 년 4 월 20 일펴낸이임성춘 펴낸곳로드북 편집장미경 디자인허진하 ( 표지 ), 박진희 ( 본문 ) 주소서울시관악구신림로 29 길 호 출판등록제 호 (2011 년 3 월 22 일 ) 전화 02) 팩스 02) ISBN 정가 23,000 원 c 고종범, 김미진, 윤성열, 이상민, 이재근, 전병권 & 로드북, 2015 책내용에대한의견이나문의는출판사이메일이나블로그로연락해주십시오. 잘못만들어진책은서점에서교환해드립니다. 이메일 chief@roadbook.co.kr 블로그

3 l 저자서문 ( 그렇게, 정말 ) 개발자가되고싶으세요? 약 5년간의지속적인집필활동으로심신이지쳐향후 2년간은집필을하지않기로결정했었다. 그로부터몇개월이지난 12월의어느날 IT 에대해서알고싶은분들에게어떻게하면보다쉽게 IT에접근할수있을까? 하고고민을하다가, 책의목차를잡고있는나를발견했다. 하지만, 주제자체가너무방대하여우리팀에실력이좋은 ( 아직출판계에등극하지않은 ) 고수분들께문의를했고, 대부분흔쾌히동의를해주었다. ( 라고쓰기는했지만, 대부분필자가집필을강요했다. 물론책이출간되는시점에우리팀이아닌분도있지만, 모두필자와같은팀소속이었던분들이집필에참여했다.) 필자가생각한책의분량이많지않아약 2주동안각자맡은분야를집필하고, 3~4 개월정도면출간이될것이라생각했지만, 세상의모든일이그리호락호락하지는않았다. 여러가지이슈들이생기면서책의방향도몇번씩바뀌었지만, 전반적인틀을유지하는것에모두동의하여수많은베타리딩과수정을거친후, 집필을시작한지 15개월만에이책이세상에빛을보게되었다. IT 회사에서는매우많은분야의전문가들이같이일한다. 몇천명이되는회사에서어떤업무는단한명이맡아서수행할수도있고, 어떤업무는몇백명이비슷한일을할수도있다. 이책은비슷한일을하는몇백명의 개발자 들이기본적으로알아두어야하는것들에대해서간단히 ( 때로는좀깊이있게 ) 다루었다. 현업에서 10년이상의경험을갖고있는필자들이꼭필요한내용만포함하도록하기위해서몇번씩원고를다시썼다. 여러분이 10년이상의경험을온전하게전수받기는어렵겠지만, IT 회사에서일하면서선배개발자들과이야기하려면반드시알고있어야하는사항들에대해서정리해놓았기때문에아직회사근무경험이없는독자들에게는분명히많은도움이되리라생각한다. 이책은다음과같이 4 부로나뉜다. 1부 : 인터넷 2부 : 소프트웨어개발프로세스 3부 : 프로그래밍 4부 : 데이터저장소 1, 3, 4부에속하는각장의내용은대부분책하나의분량이나와도부족한내용들이고, 각장에서소개하는내용에대해서전문적으로연구하는 ( 다시말해서그장의기술로밥벌이하고있는 ) 엔지니어들도존재할정도로매우방대한분량의내용들이다. 하지만, 우리는이책에서꼭알아야하는부분만추려서해당분야에대해서전반적인지식이없는분들도쉽게읽을수있도록정리해놓았다. 2부는 ( 아주재미없는 ) 소프트웨어개발프로세스를재미있는사례를통해서소개하기때문에많은독자들에게도움이되리라생각한다. 이책을집필하는기간에결혼도하고수원에서국가를대표하는제품을만들고계신이재근님, 모바일부분에뒤늦게합류하여육아와병행하여열심히집필해주신전병권님, 졸업논문을다섯차례나다시쓰고두번의연이은교통사고로건강상의악재까지겹쳤지만끝까지집필의키보드를놓지않은김미진님, 다년간의많은개발경험으로가장많은분량을소화하면서집필에눈을뜬고종범님, DB 전문가라는말은제발하지말아달라고하면서도 DB와개발에흥미가많은낭만개발자윤성열님께감사의말을전한다. 끝으로, 오랜기간동안저자들을믿어주신로드북출판사의임성춘부장님과필자가내는책의표지디자인을해주기로한약속을지켜주신허진하 디자이너님께감사를드린다 년 3 월의마지막날공동저자이상민 그러면간단하게어떻게구성되어있는지살펴보자.

4 l 목차 시작하며 000 지은이의글 부 _ 인터넷 가로 / 세로모드의지원 76 태블릿화면의지원 76 플랫폼별 UI의특징을구분해사용하자 77 모바일분야의전문가가되려면? 81 정리하며 83 1 장웹은어떻게동작하는걸까? 웹이란도대체무엇일까? 14 웹서비스를왜개발하나요? 사람들은웹을왜사용하나요? 16 웹서비스환경준비, 웹서버 17 브라우저에표시되는웹페이지의정체, 웹의구성요소들 19 웹을위한기초적이지만필수적인기술들 - JavaScript, CSS 24 기술의발전, 웹을위한더확장된기술들 ASP, JSP, PHP 29 갑자기너무어려워요 이런것들을왜사용하는거죠? 33 웹2.0과 HTML5, 웹의재도약 36 파편화와크로스브라우징 (Cross Browsing) 41 웹서비스에멋진이름을붙여보자, 도메인 42 웹서비스를만들어보자 44 웹개발분야의전문가가되려면? 50 정리하며 52 2장요즘은모바일이대세라던데 모바일앱의다양한형태 56 네이티브앱이대체뭔가요 57 모바일웹은뭐죠? 웹은알겠는데 60 그렇다면도대체하이브리드 (Hybrid) 앱은뭐지? 61 이제앱개발은어떻게해야하나요? 64 안드로이드앱개발도구 64 아이폰앱개발도구 67 앱개발과정 68 앱개발시유의해야할사항들 73 다양한크기의모바일기기, 어떻게처리하나? 73 2 부 _ 소프트웨어개발프로세스 3장소프트웨어개발과정을알고싶어요 아이템선정 : 우선무엇을만들지정해야겠지? 89 요구사항분석 : 자, 그럼진지하게생각해보자구! 92 설계 : 어둠을욕하기보다촛불하나켜는게낫다 98 구현 : 아쉽게도컴퓨터는그림을못알아먹는다 102 테스트 : 제대로만들었을까? 104 배포 : 고객님들이사용하실수있도록! 105 정리하며 106 4장. 그냥제가기획서드리면뚝딱만들어지는거아닌가요? 그냥말그대로 요구하는사항 아니야? 110 요구사항도출, 해보니까끝이없던데 112 진짜로이렇게만들어줄수있는거맞죠? 114 문서! 문서! 문서! 118 소설책보다는만화책이읽기쉽지 122 그림그려보기 126 요구사항분석은계속되어야한다. 쭈욱 ~ 131 정리하며 56 5장. 이그림들은뭔가요? 흰건종이고, 까만건 설계란무엇인가? 138

5 설계대상에는어떤것이있는가? 138 화면설계, UX 설계하기 140 동작과구조의설계로어플리케이션설계하기 142 데이터저장소설계하기 145 네트워크, 시스템구성설계하기 148 요구사항이변경되면설계도변경된다 151 설계분야의전문가가되려면 153 정리하며 155 6장. 저도테스트잘해요. ( 정말?) 테스트가무엇이길래? 158 테스트는어떻게하나요? 160 테스트케이스만드는방법 163 테스트에는어떤것들이있나요? 165 코드를만들면서진행하는단위테스트 166 하나로합쳐서진행하는통합테스트 171 총체적검사를수행하는시스템테스트 172 품질을확인하는인수테스트 175 테스트분야의전문가가되려면? 176 정리하며 177 7장. 작은프로그램하나만들때에도절차라는게필요하군요 시작은창대하였으나그끝은미약하리라?! 180 모든일을처리하는데필요한프로세스 181 프로세스를좌지우지하는방법론 182 소프트웨어개발방법론의종류 184 가장대표적인고전개발방법인폭포수모델 189 최근인기가많은스크럼 194 나한테맞는개발방법찾기 200 정리하며 부 _ 프로그래밍 8장. 자바, 씨, 씨샵. 들어보긴했는데 Programming Language( 프로그래밍언어 )? 208 프로그래밍언어의종류는많답니다 210 IT 분야의분업화 212 프로그래밍은어떤작업을수행하는것일까? 213 Java 언어구경하기 215 JavaScript로프로그램을직접만들어볼까요? 218 API는개발자의친구 220 정리하며 222 9장. 프로그래밍은어떻게하는거에요? ( 기웃기웃 ) 컴퓨터에는숫자의종류가많답니다 226 어느언어를배우더라도반드시알아야하는내용 230 if 만약에 235 정보들을어디엔가모아두고싶다면 242 for 루프와 while 반복구문 248 프로그래밍언어종합정리 252 정리하며 장. 프레임워크, 도대체그게뭔지 프레임워크가무엇인가요? 258 프레임워크를반드시사용해야하는가? 260 프레임워크에는어떤것들이있나요? 261 웹어플리케이션프레임워크 263 모바일어플리케이션프레임워크 266 프레임워크를직접만들수는없을까? 267 개발분야의전문가가되려면? 268 정리하며 270

6 4 부 _ 데이터저장소 11장. 저장은그냥파일에하면되는거아닌가요? 데이터베이스란무엇일까? 274 DB의구성요소 280 검색시스템 283 도서관리시스템 - 새로운책의추가, 삭제그리고수정 287 테이블간의릴레이션 289 정규화 293 데이터베이스암호화 297 데이터베이스분야의전문가가되려면? 299 정리하며 300 토막칼럼 데이터베이스개발자는이것을주의해야한다 장. 우리회사도빅데이터한다는데 ~ 빅데이터의사용 306 NoSQL? 310 NoSQL의역사 312 NoSQL의아키텍처 313 NoSQL은단점이없을까? 318 빅데이터를분석하려면툴이필요하다 320 전문가들은빅데이터를어떻게분석할까 324 빅데이터의본질 부 인터넷 부록 A. 도메인부터웹서비스동작과정까지 330 부록 B. 플레이프레임워크 337 부록 C. 어플리케이션프레임워크 - 스프링 342 부록 D. 프론트엔드프레임워크 - 부트스트랩과 jquery 349 찾아보기 웹은어떻게동작하는걸까? 02 요즘은모바일이대세라던데

7 안녕하세요? 앞으로 두달 동안 한아름씨의 멘토를 할 구친절입니다. 지금 4학년이면 몇학번이에요? 안녕하세요? 저는 새로 들어온 한아름 입니다. 01 글쓴이_이재근 웹은 어떻게 동작하는 걸까? (땀을 흘리며)... 아 그렇군요. 그렇다면, 저랑 띠동갑... 정말요? 정말 동안이세요~ 프로젝트 한번 재미 있게 해 보시죠. IT 회사에 인턴으로 입사한 한아름씨는 웹 이라는 단어는 수없이 들어봤지만, 아직도 웹 이라는 단어를 떠 올리면 안갯속의 희미한 풍경을 바라보는 느낌이 든다. 웹이라는 분야는 계속해서 발전하고 있으며, 수많 은 기술의 집합체이기 때문에 알아야 할 것도 많고 배워야 할 것도 많다. 만약 웹에 대해 많은 것을 알게 된다면 한아름씨는 인턴 생활을 순조롭게 진행할 수 있을 것이다. 그래서 지금부터 같은 고민을 하는 이 땅의 많은 한아름씨를 위해 초보개발자가 알아야 할 웹에 관한 이야기 속으로 들어가 보자. 한아름씨는 인턴 기간동안 구친절 선배와 함께 쇼핑몰 사이트를 만드는 팀에 합류하게 되었다. 아 XX 학번이요. 많이 가르쳐 주세요~~~ (인턴이 세상 사는 방법 을 아네) 아~~ 네 그런데, 이번 프로젝트 사이트를 반응형 웹 으로 만든다는데, 그게 뭔가요? 아~ 그건, 요즘 웹 페이지를 보는 기기가 다양하잖아요. 하나의 사이트를 만들어서 다양한 기기에서 사이트를 보는 데 문제가 발생하지 않도록 해 주는 거에요. PC에서 보는 복잡한 포털 홈페이지를 스마트폰으로 보면 글자가 쌀알만하게 보이잖아요. 그렇게 안보이게 하는 거~ 네. 그런데 웹은 어떻게 동작하는지 아세요? 그걸 먼저 아셔야~~~ ;;. 아~ 그렇군요. (안다고 하면 혼날 것 같아) 아 니 요. 정말 몰라요? 안 배웠어요? 얼추 대충은 아는데, 선택 과목이라 지금까지는 안 배웠어요. 다음 학기 에 배워요 ~~~.

8 구친절씨는프로젝트에이제막투입된한아름씨와다른인턴들을위해서그날 오후에웹의기본부터설명해주기로했다. PC 웹서버 참고 인턴이란? 인턴은정규직원은아니지만, 대학생들이방학및휴학기간을이용하여회사생활을하는것을말한다. 형식적으로인턴을뽑는회사도있지만, 회사의정규직원으로채용하기전에미리같이일해보기위해채용하는회사도있다. 간혹저렴한비용에아르바이트처럼노동력을착취하기위해서뽑는회사도있다. 웹브라우저 [ 그림 1-1] 웹서비스관계도 인터넷 웹서비스 다시한번정리해보면, 웹은사용자들이웹주소로요청했을때제공되는웹문 서 ( 프론트엔드 ) 와이문서들을제공하는웹서버 ( 백엔드 ) 모두를합한 웹서비 웹이란도대체무엇일까? 개발자가아닌일반사용자에게웹이란무엇일까물어보면답변이제각각일것이다. 웹 = 인터넷 처럼아주커다란개념으로대답할수도있고 웹 = 홈페이지 라고단순하게얘기하는사람도있을것이다. 스 를말한다. 그래서웹서비스를개발할때는두가지모두를개발해야하고둘은뗄수없는관계이기때문에개발자라면양쪽모두를개발하지는않더라도관련지식들을어느정도는갖추고있어야한다. 그래서지금부터는이런것들에대해알아보려한다. 그러나지금부터이야기하려고하는웹은이런단순한개념이아니라 웹서핑 을하기위한서비스, 즉 웹서비스 를말한다. 일반사용자는웹서비스를 웹페이지 로만받아들이기때문에마치신문과같은단순한문서를보는것으로생각할수있다. 예를들어, 네이버에들어가서실시간검색어순위와관련된뉴스를찾아볼때그뉴스문서가어디에있는지는관심이없고뉴스내용자체에만관심을두는것처럼말이다. 하지만, 어디서나그런뉴스를볼수있도록하기위해서는분명어딘가에서항상서비스를제공하고있어야한다. 그래서프로젝트를진행하는입장에서는 웹문서 와함께 웹서버 라고불리는서비스를제공하는환경까지신경을써야한다. 웹서버는인터넷을통해웹과관련된데이터를사용자에게전달해주는역할을하며, 웹서비스에는이러한웹서버가필수적인요소이다. 참고 참고 프론트엔드 (Frontend) 와백엔드 (Backend) 서비스를위해서필요한두기술을분류하는말이다. 다만, 모든서비스를위해서는어플리케이션과서버가모두필요한경우가많기때문에웹서비스가아닌다른분야에서도공통적으로통용되는말이다. 사용자가이용하는어플리케이션과같은부분을프론트엔드라고하고, 서버와같은부분을백엔드라고한다. 웹으로비유하면웹페이지부분을프론트엔드, 웹서버부분을백엔드라고한다. 우리는이제웹이라는단어와웹서비스라는단어를동일시하며쓸것이다. 웹이라언급하더라도웹서비스로생각하면된다 _ 웹은어떻게동작하는걸까? 15

9 웹서비스를왜개발하나요? 사람들은웹을왜사용하나요? 한아름씨는웹에대해서는거의아는것이없다. 그러다보니이프로젝트를왜앱이아닌웹으로진행하는지궁금해했다. 그래서구친절씨는웹서비스의특징부터천천히설명해주기로하였다. 요즘사람들은언제어디서나웹을사용하며살아간다. 하루일과를웹에서보는뉴스로시작하거나카페에서대화를나누다궁금한점이생기면웹에서검색을해보고, 또웹을통해쇼핑하는일까지도이제는자연스럽다. 사람들이이렇게 웹서비스환경준비, 웹서버 이제웹으로쇼핑몰을만드는이유에대해알게되었으니쇼핑몰웹서비스제작프로젝트를본격적으로시작하려고한다. 그런데아직은정보가부족해서그런지처음부터막막하다. 바로개발부터시작하면되는것인지아니면다른준비작업이필요한것인지감이오지않는다. 결론부터이야기하면바로이단계에서해야하는과정이존재한다. 바로서비스가동작될환경을고민하고준비하는것이다. 웹서비스를많이사용하는이유는많은일들을웹이라는한공간에서모두해결할수있기때문이다. 또다양한기기에서원하는서비스를실행하려면해당기기에서비스어플리케이션이설치되어야만하는데, 웹은웹브라우저가설치되어있는모든기기에서사전, 인터넷강의, 쇼핑, 메신저, 신문구독, 심지어는 참고 사실모든프로젝트의시작은설계단계부터시작된다. 하지만, 설계에대한내용은아주중요하기때문에이책의뒷부분에따로별도의장을마련하여자세하게다룰것이다. 지금구친절, 한아름씨의팀에서는이미쇼핑몰웹서비스에대한설계가끝나있는상태이다. 게임까지도다이용할수있다. 이것이바로 접근성 이며웹의제일큰장점이기도하다. 요즘들어접근성이라는장점이더크게부각되고있는이유는최근에출시되는대부분의스마트기기들이웹브라우저를기본으로탑재하고있기때문이다. 그래서이제는어떤기기로든웹을통해수많은정보를얻는것이자연스러운세상이되었다. 앞서한아름씨는인턴기간에쇼핑몰사이트를만드는프로젝트를함께한다고하였다. 이쇼핑몰사이트는사람들이언제어디서나쉽게접근해서구매할수있어야하는것이가장큰목표중하나다. 이프로젝트를모바일어플리케이션 ( 흔이 모바일앱 이라부른다 ) 으로개발하면기기의운영체제별로각각개발해야하는어려움이생긴다. 그래서웹기반으로개발해서모든플랫폼에서사용할수있게만들것이다. 물론모바일앱으로개발하는것도많은장점과차별성을갖지만그에대한내용은 2장에서자세히설명할것이다. 여기까지설명을들은한아름씨는이제서야왜쇼핑몰을웹으로개발하는지조금은알것같은눈치다. 이기회를살려좀더진도를나가보자. 웹서비스는인터넷과연결만되어있다면언제어디서나서비스에접속할수있는것이가장중요한특징이다. 그래서우리가만드는웹서비스는어딘가에서항상동작해야하므로몇몇준비작업들이필요하다. 1. 어떤곳에서도접속이가능한환경을구축해야하며, 2. 그환경에실제웹서비스프로젝트를설치해야한다. 여기서환경은웹서버를뜻하고이렇게서버에웹프로젝트를설치하는과정을 서비스를배포한다 고말한다. 항상배포작업을하고난뒤에야웹서비스가시작되기때문에우리는이과정을살펴볼필요가있다. 웹서비스를동작하게하기위한과정에는아래와같은작업들이필요하다. 1. 웹페이지를개발하고그웹페이지가서비스될서버를구성한다. 2. 웹서비스프로젝트를서버에배포한다. 3. 웹서버를가동시킨다. 여기서 1번작업은서비스운영시한번만수행하면되며 2, 3번작업은지속적 으로수행된다 _ 웹은어떻게동작하는걸까? 17

10 개발자는웹서비스의기본이되는웹페이지를개발해야하며개발된웹페이지를서비스할서버의구성은서버담당자가구성한다. 여기서는웹서버에대해초점을맞춰보자. 웹서버는웹브라우저로부터접속을가능하게하는하나의소프트웨어이다. 우리가언제어디서나웹서비스를이용하기위해서는그서비스를어딘가에서항상제공하고있어야하며, 사용자의요청에항상응답을주어야한다. 누군가웹브라우저에쇼핑몰주소를입력하면언제나웹서버가쇼핑몰의첫페이지를보여주는것처럼말이다. 동네에있는어떤편의점은언제나그곳에존재하고 ( 망하지않는다면 ) 그안에는점원이항상상주하며손님을기다리고있을것이다. 이상황을웹서비스와 브라우저에표시되는웹페이지의정체, 웹의구성요소들 웹은수많은기술들의집합이기때문에다양한구성요소들이존재한다. 그럼 어떠한구성요소들이웹을구성하고있고어떤역할들을맡고있길래우리가 웹을쉽게이용할수있게된것일까? 웹은 WWW World Wide Web 의줄임말이며 WWW 는아래와같이크게세부분으로구성되어있다. 통일된웹자원의위치지정방법 : URL 혹은 URI 웹자원에접근하는프로토콜 : HTTP 웹자원들을표시하는언어 : HTML 매칭시켜보자. 서버장비는편의점처럼분명어딘가에존재하고있어야하며, 웹서버소프트웨어는점원처럼서버안에설치되어사용자의요청을기다리고있어야한다. 요즘에는다양한회사에서다양한버전의웹서버소프트웨어가출시되어있으며, 우리는그중에하나를선택해서사용한다. 가장많이사용되는웹서버소프트웨어는아파치 HTTP 서버 Apache HTTP Server 이다. 소스코드가공개되어있기때문에많은사람들이쉽게사용할수있고, 계속해서발전되어가고있다. 아파치혹은비슷한웹서버소프트웨어를서버에설치하면곧바로웹브라우저로서버에부여된 IP 주소혹은도메인에접속할수있게된다. 도메인과 IP 주소에해당하는내용은 1장의마지막부분과부록에서좀더설명하기로하고여기서는 서버에접근할수있는주소 정도로만이해하자. 이제서버가준비되었기때문에개발팀은개발을시작하려한다. 그런데여기서또다시한번막히고말았다. 어렴풋이듣기로는웹페이지개발은 HTML을알아야한다던데 HTML은도대체뭐고이게어떻게웹브라우저에표시되는것일까궁금해진다. 그래서개발을시작하기전에웹을구성하고있는요소들에대해설명하는시간을갖기로했다. 이전에도여러번경험했던상황인데, 과연이번단계를지나면진짜개발에들어갈수있을지서서히궁금해진다. 영어단어월드와이드 (worldwide) 는보통공백이나하이픈없이한단어로쓰이지만, 월드와이드웹 (World Wide Web) 과그약어인 WWW 는공식적인영어낱말로사용되고있다. 월드와이드웹은다음의세가지기능으로요약할수있겠다. 첫번째통일된웹자원의위치지정방법예를들면 URL. 두번째웹의자원이름에접근하는프로토콜 (protocol) 예를들면 HTTP, 자원들사이를쉽게항해할수있는언어예를들면 HTML. [3] [ 그림 1-2] 위키피디아에나와있는웹의정의 먼저위키피디아설명에계속언급되는 웹자원 이라는것은무엇일까. 우리는웹을통해다양한정보를얻기를원한다. 신문기사, 쇼핑정보, 영화예고편혹은 SNS로친구들의소식까지도웹을통해모두확인할수있다. 이러한정보들은문자, 이미지, 음악또는영상등으로구성되어있는데이렇게웹을통해주고받을수있는다양한데이터들을웹자원이라고말한다. 웹의탄생이유가다양한데이터를공유하기위해서였기때문에웹의구성요소들이웹자원을기준으로설명되는것역시자연스러운일이다. 위의세가지요소를설명하기위해웹자원을얻기위한과정을편의점에가서물건을구입하는과정을예로들어알아보자. 지금우리는이사온 서울특별시 어딘가의편의점에서음료수를한잔사먹으려고한다. 그러기위해서는먼 18 01_ 웹은어떻게동작하는걸까? 19

11 저근처에편의점이어디에있는지를알아야하는데, 우린주소라는개념을통해편의점의위치를알수있고이를이용해찾아갈수가있다. 이와마찬가지로웹자원도웹공간어디엔가위치하고있는데, 그위치를 URL이라는주소체계를사용해표현하는것이다. 서울특별시 에있는 편의점 에찾아간것처럼우리는 URL을통해 위키피디아 에있는 문서 를찾아갈수있다. wikipedia.org/wiki/ 라는이주소는위키피디아의한페이지를가리키고있으며이것이 URL의형태이다. 다만여기에서 URL은저모든주소체계를통칭해서부르는말이고앞쪽에붙어있는 wikipedia.org는 도메인 이라고부른다. 편의점의주소를확인한후그편의점으로이동해서원하는음료수를골라점원에게돈을내고구입을했다. 지금까지는이런행동에대해깊게생각해본적은없었겠지만이부분을주의깊게살펴보자. 물건을들고 이거살게요 란말을하지않고돈만주어도점원은계산을해줄것이고, 그물건을들고나가도아무런제제를하지않을것이다. 이러한작업이가능한이유는경제활동에대한개념이편의점주인과나사이에잘잡혀있기에가능한일이다. 두사람모두가돈을내면물건을받는다는것을너무나잘알고있기때문이다. 웹에서도 URL 방식으로이루어진위키피디아의위치를알게되면우리는웹브라우저에해당주소를입력해서위키피디아웹페이지에접근한다. 여기서좀더자세히접근해보자. 웹페이지에접근한다는것은해당웹페이지를제공하는서버에 URL을이용해접속한뒤 URL 주소에해당하는웹페이지를보내달라고요청을하고, 그에대한응답으로위키피디아웹페이지문서를받게된다. 사용자의입장에서는 URL 주소를웹브라우저에입력했을뿐인데저런과정들을자동으로거쳐서데이터를받게되는것이다. 이것이바로 HTTP 프로토콜 때문에가능한일이다. 프로토콜이라함은어떤규칙과약속이다. 내가편의점에서물건을들고값을지불하면물건은내것이된다는것역시일종의프로토콜이다. HTTP 프로토콜도마찬가지로서로어떤데이터를어떤순서로주고받을지에대한정보가규 칙과약속으로정해져있다. 웹서버와웹브라우저는 HTTP 프로토콜을통해어떤데이터를주고받을지서로알고있기때문에편의점에서돈을주고물건을받듯, 사용자는 URL 주소만알고있어도원하는데이터를받을수있다. 그래서실제로오가는데이터는단순한 URL 주소만이아니라인증, 브라우저정보, 컨텐츠타입등등수많은데이터가오고가게된다. 이부분은부록에서더자세히설명하고있으니참조하기바란다. 제품 \ 서울특별시 XX편의점돈거래프로토콜웹페이지웹페이지요청 HTTP 프로토콜 [ 그림 1-3] 프로토콜은어떤규칙과약속이다. 이제구입을한뒤에는우린음료수를가지게되고, 드디어시원하게음료수를마실수가있다. HTML 이라는것은돈을내고구입해서얻게된음료수처럼사용자가 HTTP 프로토콜을통해요청하면받게되는결과물이다. HTML은프로그래밍언어이며웹브라우저가해석이가능한언어이다. 다시말하면 HTML 은웹브라우저에다양한데이터를표시하는것이목적인프로그래밍언어이다 _ 웹은어떻게동작하는걸까? 21

12 이렇게만설명하면너무간단하니, HTML이어떤역할을하는지좀더살펴보자. 먼저 HTML은 HyperText Markup Language의약자인데, 이런복잡한이름을그냥지었을리없다. 바로이단어들이 HTML이란언어의특징을잘설명해준다. HyperText 참조 (= 링크 ) 를통해여러문서를쉽게이동할수있는텍스트 Markup Language 문서가화면에표시되는방법을고유의문법으로표시할수있는언어. 예를들면, < 진하게 > 안녕하세요 </ 진하게 > 라는 <, >, 진하게, / 를사용하는문법을통해 안녕하세요 라는문장을진한글자로표현할수있게하는것. 이뜻들로유추해보면, HTML은여러문서를쉽게이동할수있고다양한데이터들이표시되는방법을지정할수있는언어이다. 그렇기때문에우리는서버에서단순히 HTML 언어로되어있는텍스트문서만받아도웹브라우저의해석을통해웹서핑을할때여러홈페이지를링크를통해쉽게이동해다닐수있고텍스트, 이미지, 동영상, 음악등을모두다웹페이지안에서쉽게보여지도록만들수있다. 역시이모든것은 HTML도표준으로정해져있고, 모든브라우저들은그표준을지켜 HTML 언어를해석하는방법을준비해놓았기때문에가능한것이다. 그럼 HTML이어떻게생겼는지한번보도록하자. [ 그림 1-4] 를보자. <> 를이용한문법을이용해각각의문자들이하는역할을지정해줬다. 7번라인에 <h1> 으로감싸져있는 Hello World! 글자는무척크게표시된것으로보아 <h1> 은글자를크게해주는것을알수있다. 3번라인에서 <title> 로감싼 TITLE!! 글자는웹브라우저상단에제목으로표시하는문법인것을알수있다. 이렇게 HTML은태그를활용해웹브라우저에어떻게데이터 1 <html> 2 <head> 3 <title>title!!</title> 4 </head> 5 6 <body> 7 <h1> Hello World!</h1> 8 <br> 9 <br> 10 Good Morning 11 </body> 12 </html> [ 그림 1-4] HTML 태그 웹페이지는위와같은 HTML 문법을이용해개발하게된다. 다만 HTML은일반적인프로그래밍에서사용하는연산이나, 반복문등의기법을사용하는게아니라단순하게화면을꾸미는태그를사용하기때문에이런문법들을익혀야한다. 어떤태그를사용하면화면에어떻게표시되는지, 자기가원하는화면을꾸미기위해서는어떻게태그들을구성해야하는지를알아야한다. 그래서개발할때이런태그들에대한정보를알아볼수있고실제로테스트도해볼수있는 w3schools( 같은사이트를이용하는것도좋은방법이다. 마지막으로한번종합해보자. 웹은위에서살펴본구성요소들을통해아래와같은절차를거쳐서사용자가요청한데이터를화면에표시하게된다. 1. URL이라는주소를통해원하는곳을찾아가서 2. HTTP라는통신방식을통해서로데이터를주고받으며 3. HTML이라는언어로구성되어있는문서를받아서 4. 웹브라우저가해석해화면에보여준다. 를표시할지지정할수있는언어이다 _ 웹은어떻게동작하는걸까? 23

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

Web Scraper in 30 Minutes 강철

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

More information

750 1,500 35

750 1,500 35 data@opensurvey.co.kr 750 1,500 35 Contents Part 1. Part 2. 1. 2. 3. , 1.,, 2. skip 1 ( ) : 2 ( ) : 10~40 (, PC, ) 1 : 70 2 : 560 1 : 2015. 8. 25~26 2 : 2015. 9. 1 4 10~40 (, PC, ) 500 50.0 50.0 14.3 28.6

More information

!

! ! !"!# $# %! %" %#& %' %(& "! "% "# "( #$& #%& ##& #'&!"#$%&'(%)%&*+'$%,-#. ' (%%%!"#$&'(%%% / 0%%%!"#$&'(%%% 1 2%%%!"#$&'(%%% +* ++%%%!"#$&'(%%% +& +3%%%!"#$&'(%%% +' +(%%%!"#$&'(%%% +/ +0%%%!"#$&'(%%%

More information

SIGIL 완벽입문

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

More information

기본소득문답2

기본소득문답2 응답하라! 기본소득 응답하라! 기본소득 06 Q.01 07 Q.02 08 Q.03 09 Q.04 10 Q.05 11 Q.06 12 Q.07 13 Q.08 14 Q.09 응답하라! 기본소득 contents 16 Q.10 18 Q.11 19 Q.12 20 Q.13 22 Q.14 23 Q.15 24 Q.16 Q.01 기본소득의 개념을 쉽게 설명해주세요. 06 응답하라

More information

2015년9월도서관웹용

2015년9월도서관웹용 www.nl.go.kr 국립중앙도서관 후회의 문장들 사라져 버릴 마음의 잔해 지난해와 마찬가지로 이번 해에도 배추농사에서 큰돈을 남은 평생 머릿속에서 맴돌게 될 그 말을 다시 떠올려보 만졌다 하더라도 지난 여름 어느 날 갑자기 들기 시작한 았다. 맺지 못한 채 끝나버린 에이드리언의 문장도 함께. 그 생각만은 변함없을 것 같았다. 같은 나이의 다른 아이 그래서

More information

SBR-100S User Manual

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

More information

View Licenses and Services (customer)

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

More information

2009년 상반기 사업계획

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

More information

2014학년도 수시 면접 문항

2014학년도 수시 면접 문항 안 경 광 학 과 세부내용 - 남을 도와 준 경험과 보람에 대해 말해 보세요. - 공부 외에 다른 일을 정성을 다해 꾸준하게 해본 경험이 있다면 말해 주세요. - 남과 다른 자신의 장점과 단점은 무엇인지 말해 주세요. - 지금까지 가장 고민스러웠던 또는 어려웠던 일과 이를 어떻게 해결하였는지? - 자신의 멘토(조언자) 또는 좌우명이 있다면 소개해 주시길 바랍니다.

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

»êÇÐ-150È£

»êÇÐ-150È£ Korea Sanhak Foundation News VOL. 150 * 2011. 12. 30 논단 이슈별 CSR 활동이 기업 충성도에 미치는 영향 : 국가별 및 산업별 비교분석 최 지 호 전남대 경영학부 교수 Ⅰ. 서론 Ⅰ. 서론 Ⅱ. 문헌 고찰 및 가설 개발 2. 1. 호혜성의 원리에 기초한 기업의 사회적 투자에 대한 소

More information

슬라이드 1

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

More information

PowerPoint 프레젠테이션

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

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

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 Translation Song 1 Finger Family 한글 해석 p.3 아빠 손가락, 아빠 손가락. p.4 p.5 엄마 손가락, 엄마 손가락. p.6 p.7 오빠 손가락, 오빠 손가락. p.8 p.9 언니 손가락, 언니 손가락. p.10 p.11 아기 손가락, 아기 손가락. p.12 p.13 p.14-15 재미있게 부르기 (Sing and Play Time)

More information

<4D F736F F F696E74202D20C1A63135C0E520C0A520BDBAC5A9B7A1C7CE>

<4D F736F F F696E74202D20C1A63135C0E520C0A520BDBAC5A9B7A1C7CE> 14. 웹스크래핑 1. 웹의이해 2. HTML 데이터다루기 3. 정규표현식 4. Lab: 웹스크래핑실습 01 웹의이해 01. 웹의이해 웹의개념 월드와이드웹 (World Wide Web) 은인터넷에연결된컴퓨터를이용하여사람들과정보를공유할수있도록거미줄처럼엮인공간이다. 월드와이드웹을줄여웹 (web) 이라고한다. 01. 웹의이해 웹컴포넌트 : HTML 과 HTTP :

More information

0.筌≪럩??袁ⓓ?紐껋젾001-011-3筌

0.筌≪럩??袁ⓓ?紐껋젾001-011-3筌 3 4 5 6 7 8 9 10 11 Chapter 1 13 14 1 2 15 1 2 1 2 3 16 1 2 3 17 1 2 3 4 18 2 3 1 19 20 1 2 21 크리에이터 인터뷰 놀이 투어 놀이 투어 민혜영(1기, 직장인) 내가 살고 있는 사회에 가치가 있는 일을 해 보고 싶 어 다니던 직장을 나왔다. 사회적인 문제를 좀 더 깊숙이 고민하고, 해결책도

More information

<4D F736F F F696E74202D20B5A5C0CCC5CDBAA3C0CCBDBA5F3130C1D6C2F75F32C2F7BDC32E >

<4D F736F F F696E74202D20B5A5C0CCC5CDBAA3C0CCBDBA5F3130C1D6C2F75F32C2F7BDC32E > 6. ASP.NET ASP.NET 소개 ASP.NET 페이지및응용프로그램구조 Server Controls 데이터베이스와연동 8 장. 데이터베이스응용개발 (Page 20) 6.1 ASP.NET 소개 ASP.NET 동적웹응용프로그램을개발하기위한 MS 의웹기술 현재 ASP.NET 4.5까지출시.Net Framework 4.5 에포함 Visual Studio 2012

More information

Microsoft PowerPoint 웹 연동 기술.pptx

Microsoft PowerPoint 웹 연동 기술.pptx 웹프로그래밍및실습 ( g & Practice) 문양세강원대학교 IT 대학컴퓨터과학전공 URL 분석 (1/2) URL (Uniform Resource Locator) 프로토콜, 호스트, 포트, 경로, 비밀번호, User 등의정보를포함 예. http://kim:3759@www.hostname.com:80/doc/index.html URL 을속성별로분리하고자할경우

More information

3 Contents 8p 10p 14p 20p 34p 36p 40p 46P 48p 50p 54p 58p 생명다양성재단 영물이라는 타이틀에 정 없어 보이는 고양이, 날카롭게 느껴지시나요? 얼음이 따뜻함에 녹듯이, 사람에게 경계심 많은 길고양이도 곁을 내어주면 얼음 녹듯이 당신을 바라봅니다. 길 위에 사는 생명체라 하여 함부로 대하지 말아주세요. 싫으면 외면해주세요.

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

게시판 스팸 실시간 차단 시스템

게시판 스팸 실시간 차단 시스템 오픈 API 2014. 11-1 - 목 차 1. 스팸지수측정요청프로토콜 3 1.1 스팸지수측정요청프로토콜개요 3 1.2 스팸지수측정요청방법 3 2. 게시판스팸차단도구오픈 API 활용 5 2.1 PHP 5 2.1.1 차단도구오픈 API 적용방법 5 2.1.2 차단도구오픈 API 스팸지수측정요청 5 2.1.3 차단도구오픈 API 스팸지수측정결과값 5 2.2 JSP

More information

WAS 의동작과 WEB, Servlet, JSP 엑셈컨설팅본부 /APM 박종현 웹어플리케이션서버란? 웹어플리케이션서버방식은웹서버가직접어플리케이션프로그램을처리하는것이아니라웹어플리케이션서버에게처리를넘겨주고어플리케이션서버가어플리케이션프로그램을처리한다. 여러명의사용자가동일한페

WAS 의동작과 WEB, Servlet, JSP 엑셈컨설팅본부 /APM 박종현 웹어플리케이션서버란? 웹어플리케이션서버방식은웹서버가직접어플리케이션프로그램을처리하는것이아니라웹어플리케이션서버에게처리를넘겨주고어플리케이션서버가어플리케이션프로그램을처리한다. 여러명의사용자가동일한페 WAS 의동작과 WEB, Servlet, JSP 엑셈컨설팅본부 /APM 박종현 웹어플리케이션서버란? 웹어플리케이션서버방식은웹서버가직접어플리케이션프로그램을처리하는것이아니라웹어플리케이션서버에게처리를넘겨주고어플리케이션서버가어플리케이션프로그램을처리한다. 여러명의사용자가동일한페이지를요청하여여러어플리케이션프로그램을처리할때오직한개의프로세스만을할당하고사용자의요청을 thread

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 Web server porting 2 Jo, Heeseung Web 을이용한 LED 제어 Web 을이용한 LED 제어프로그램 web 에서데이터를전송받아타겟보드의 LED 를조작하는프로그램을작성하기위해다음과같은소스파일을생성 2 Web 을이용한 LED 제어 LED 제어프로그램작성 8bitled.html 파일을작성 root@ubuntu:/working/web# vi

More information

효진: 노래를 좋아하는 분들은 많지만, 콘서트까지 가시는 분들은 많이 없잖아요. 석진: 네. 그런데 외국인들은 나이 상관없이 모든 연령대가 다 같이 가서 막 열광하고... 석진: 지 드래곤 봤어?, 대성 봤어?, 승리 봤어? 막 이렇게 열광적으로 좋아하더라고요. 역시.

효진: 노래를 좋아하는 분들은 많지만, 콘서트까지 가시는 분들은 많이 없잖아요. 석진: 네. 그런데 외국인들은 나이 상관없이 모든 연령대가 다 같이 가서 막 열광하고... 석진: 지 드래곤 봤어?, 대성 봤어?, 승리 봤어? 막 이렇게 열광적으로 좋아하더라고요. 역시. 석진: 안녕하세요. 효진 씨. 효진: 안녕하세요. 석진: 안녕하세요. 여러분. 효진: 오늘 주제는 한류예요. 오빠. 석진: 네. 한류. 저희 청취자분들이 정말 좋아할 것 같아요. 효진: 맞아요. 한류 열풍이 대단하잖아요. 석진: 네. 효진: 오빠는 한류 하면은 뭐가 먼저 떠올라요? 석진: 저는 이거 봤을 때 정말 충격 받았어요. 효진: 뭐요? 석진: 프랑스에서

More information

2007년 6월 고2 모의고사 국어,언어 문제.hwp

2007년 6월 고2 모의고사 국어,언어 문제.hwp 2007학년도 6월고2 전국연합학력평가문제지고 2 언어영역 언어영역 1 번부터 5 번까지는듣고답하는문제입니다. 방송을잘듣고 답을하기바랍니다. 듣는내용은한번만방송됩니다. 이제듣기문제는다끝났습니다. 6 번부터는문제지의지시 에따라답을하기바랍니다 1 언어영역고 2 2 고 2 언어영역 3 언어영역고 2 4 고 2 언어영역 5 언어영역고 2 6 고 2 언어영역 연탄천사

More information

도약종합 강의목표 -토익 700점이상의점수를목표로합니다. -토익점수 500점정도의학생들이 6주동안의수업으로 점향상시킵니다. 강의대상다음과같은분들에게가장적합합니다. -현재토익점수 500점에서 600점대이신분들에게가장좋습니다. -정기토익을 2-3번본적이있으신분

도약종합 강의목표 -토익 700점이상의점수를목표로합니다. -토익점수 500점정도의학생들이 6주동안의수업으로 점향상시킵니다. 강의대상다음과같은분들에게가장적합합니다. -현재토익점수 500점에서 600점대이신분들에게가장좋습니다. -정기토익을 2-3번본적이있으신분 도약종합 -토익 700점이상의점수를목표로합니다. -토익점수 500점정도의학생들이 6주동안의수업으로 100-200점향상시킵니다. -정기토익을 2-3번본적이있으신분. -수업도많이들어봤고, 문제도많이풀었지만문법정리가제대로되지않은분. 강의특징수업시간에토익과관련없는사적인잡담으로시간낭비하지않는수업입니다. LC : 파트별집중정리한문제풀이로유형을익혀나가는수업입니다. RC

More information

Microsoft PowerPoint - chap02-C프로그램시작하기.pptx

Microsoft PowerPoint - chap02-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 학습목표 을 작성하면서 C 프로그램의

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

장깨표지65

장깨표지65 06 어떻게 하면 믿음으로 살 수 있을까? 아무리 고민해도 아무런 방법이 없을 때가 많지요. 이번 여름! 믿음의 여행을 함께 떠나보는 건 어떠세요? 올해도 우리 친구들과 축제를 벌이실 선생님들을 응원합니다! 믿음의 여행을 떠.나.요! 사진 _ 한국장애인사역연구소 www.kmind.net 2010 06 Vol.65 D-30, D-29 D-28,

More information

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

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

More information

152*220

152*220 152*220 2011.2.16 5:53 PM ` 3 여는 글 교육주체들을 위한 교육 교양지 신경림 잠시 휴간했던 우리교육 을 비록 계간으로이지만 다시 내게 되었다는 소식을 들으니 우 선 반갑다. 하지만 월간으로 계속할 수 없다는 현실이 못내 아쉽다. 솔직히 나는 우리교 육 의 부지런한 독자는 못 되었다. 하지만 비록 어깨너머로 읽으면서도 이런 잡지는 우 리

More information

IP 심화 라우팅프로토콜적용시 라우팅테이블에서 이니셜이있는네트워크를설정하는것 : onnected 직접연결된네트워크를의미한다. 그러므로라우팅은 나는이런네트워크와연결되어있다. 를직접연결된라우터들에게알려주는것 1>en 1#conf t 1(config)#router rip 1

IP 심화 라우팅프로토콜적용시 라우팅테이블에서 이니셜이있는네트워크를설정하는것 : onnected 직접연결된네트워크를의미한다. 그러므로라우팅은 나는이런네트워크와연결되어있다. 를직접연결된라우터들에게알려주는것 1>en 1#conf t 1(config)#router rip 1 IP 심화 º 각 P 의게이트웨이는해당네트워크의마지막주소를사용한다. - P1 (210.220.10.1/26) 의게이트웨이 (5의 Fa0/0) : 210.220.10.63 /26 = 255.255.255.192 호스트비트수 : 32-26 = 6 비트 => = 64 그러므로 P1의 IP 210.220.10.1 중서브넷마스크에의거 26비트는변함이없고, 나머지 6비트가호스트비트로변하므로

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

Windows Server 2012

Windows Server  2012 Windows Server 2012 Shared Nothing Live Migration Shared Nothing Live Migration 은 SMB Live Migration 방식과다른점은 VM 데이터파일의위치입니다. Shared Nothing Live Migration 방식은 Hyper-V 호스트의로컬디스크에 VM 데이터파일이위치합니다. 반면에, SMB

More information

연구노트

연구노트 #2. 종이 질 - 일단은 OK. 하지만 만년필은 조금 비침. 종이질은 일단 합격점. 앞으로 종이질은 선택옵션으로 둘 수 있으리라 믿는다. 종이가 너무 두꺼우면, 뒤에 비치지 는 않지만, 무겁고 유연성이 떨어진다. 하지만 두꺼우면 고의적 망실의 위험도 적고 적당한 심리적 부담도 줄 것이 다. 이점은 호불호가 있을 것으로 생각되지만, 일단은 괜찮아 보인다. 필자의

More information

로거 자료실

로거 자료실 redirection 매뉴얼 ( 개발자용 ) V1.5 Copyright 2002-2014 BizSpring Inc. All Rights Reserved. 본문서에대한저작권은 비즈스프링 에있습니다. - 1 - 목차 01 HTTP 표준 redirect 사용... 3 1.1 HTTP 표준 redirect 예시... 3 1.2 redirect 현상이여러번일어날경우예시...

More information

0. 들어가기 전

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

More information

52 l /08

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

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 워드프레스소개및운용관리안내 1 목차 2 1. 워드프레스소개 역사 2003 년매트물렌웨그에의해탄생 ver0.7 플러그인구조, 애플리케이션프로그램밍인터페이스도입 테마구조와페이지운영이가능한 ver1.5 로테마변경및디자인에대한자유도부여 Wyswyg 방식의문서편집기도입 MU(multi-user) 개념의도입 Social 쉐어플러그인도입으로 (SNS 연계 ) 현재워드프레스

More information

Ä¡¿ì_44p °¡À» 89È£

Ä¡¿ì_44p °¡À» 89È£ 2012 vol.89 www.tda.or.kr 2 04 06 8 18 20 22 25 26 Contents 28 30 31 38 40 04 08 35 3 photo essay 4 Photograph by 5 6 DENTAL CARE 7 Journey to Italy 8 9 10 journey to Italy 11 journey to Italy 12 13 Shanghai

More information

강의 개요

강의 개요 정규화와 SELECT (II) 웹데이터베이스 학과 학생 과목 학과 지도교수 학과학번성명 수강과목 담당교수 A 김수정 A 0001 고길동 성질이론 김수정 B 허영만 A 0002 둘리 한식의멋 허영만 C 강풀 B 0003 희동이 심리학의이해 강풀 과목 _ 성적 학번 수강과목 성적 0001 성질이론 A 0001 한식의멋 C 0002 성질이론 A 0002 한식의멋

More information

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

Microsoft PowerPoint - aj-lecture1.ppt [호환 모드] 인터넷과웹서비스 개발환경구성, JSP 기본구조 인터넷과 WWW(World Wide Web) 인터넷은 TCP/IP 기반의네트워크가전세계적으로확대되어하나로연결된 네트워크의네트워크 WWW(World Wide Web) 는인터넷기반의서비스중하나 이름프로토콜포트기능 WWW http 80 웹서비스 524730-1 2019 년봄학기 3/11/2019 박경신 Email SMTP/POP3/IMAP

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

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

ÃѼŁ1-ÃÖÁ¾Ãâ·Â¿ë2

ÃѼŁ1-ÃÖÁ¾Ãâ·Â¿ë2 경기도 도서관총서 1 경기도 도서관 총서 경기도도서관총서 1 지은이 소개 심효정 도서관 특화서비스 개발과 사례 제 1 권 모든 도서관은 특별하다 제 2 권 지식의 관문, 도서관 포털 경기도 도서관 총서는 도서관 현장의 균형있는 발전과 체계적인 운 영을 지원함으로써 도서관 발전에 기여하기 위한 목적으로 발간되 고 있습니다. 더불어 이를 통해 사회전반의 긍정적인

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 경영정보시스템 6 장 인간과컴퓨터의대화 : 프로그래밍언어 박주석 jspark@khu.ac.kr 경영정보시스템강의노트 목차 제1부정보화시대의도래제2부너무나빨리발전하는하드웨어제3부컴퓨터의핵심, 소프트웨어제4부컴퓨터를엮어주는정보통신제5부정보화를위한조직기술제6부경영정보시스템의구조와특성제7부경영정보시스템의발전방향 경영정보시스템강의노트 제 3 부 오그웨어 컴퓨터의핵심,

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

정보

정보 정보 Sangwook Lee Deogi High School III 문제해결과프로그래밍 1 추상화 2 알고리즘 3 프로그래밍 모바일프로그래밍 1. 모바일환경과기술 2. 앱인벤터 (App Inventor) 3. 앱만들기 3 1. 모바일환경과기술 학습목표 모바일환경과기술에대해설명할수있다 4 모바일디바이스 모바일디바이스란 손에들고이동하면서사용할수있는장치 다양한프로그램의설치및실행이가능한장치

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

PowerPoint 프레젠테이션

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

More information

RHEV 2.2 인증서 만료 확인 및 갱신

RHEV 2.2 인증서 만료 확인 및 갱신 2018/09/28 03:56 1/2 목차... 1 인증서 확인... 1 인증서 종류와 확인... 4 RHEVM CA... 5 FQDN 개인 인증서... 5 레드햇 인증서 - 코드 서명 인증서... 6 호스트 인증... 7 참고사항... 8 관련링크... 8 AllThatLinux! - http://allthatlinux.com/dokuwiki/ rhev_2.2_

More information

이상한 나라의 앨리스.pages

이상한 나라의 앨리스.pages 이상한 나라의 앨리스 01 문학의! 대한민국 문한 전문 사이트 문학의 사이트에서 자신의 콘텐츠를 등록하고 싶은 분은 위에 메일로 보내주세요. 궁금한 부분은 대표 전화로 연락을 주시면 상세히 상담해 드립니다. 화창한 오후마다 우린 느긋이 배를 타지 제1장 토끼굴 속으로 제2장 눈물 웅덩이 제3장 코커스 경주와 긴 이야기 제4장

More information

Microsoft Word - windows server 2003 수동설치_non pro support_.doc

Microsoft Word - windows server 2003 수동설치_non pro support_.doc Windows Server 2003 수동 설치 가이드 INDEX 운영체제 설치 준비과정 1 드라이버를 위한 플로피 디스크 작성 2 드라이버를 위한 USB 메모리 작성 7 운영체제 설치 과정 14 Boot Sequence 변경 14 컨트롤러 드라이버 수동 설치 15 운영체제 설치 17 운영체제 설치 준비 과정 Windows Server 2003 에는 기본적으로

More information

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

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

More information

PowerPoint Template

PowerPoint Template 설치및실행방법 Jaewoo Shim Jun. 4. 2018 Contents SQL 인젝션이란 WebGoat 설치방법 실습 과제 2 SQL 인젝션이란 데이터베이스와연동된웹서버에입력값을전달시악의적동작을수행하는쿼리문을삽입하여공격을수행 SELECT * FROM users WHERE id= $_POST[ id ] AND pw= $_POST[ pw ] Internet

More information

¿©¼ºÀαÇ24È£

¿©¼ºÀαÇ24È£ Contents ㅣ반딧불이ㅣ뒤엉켜 버린 삶, 세월이 흘러도 풀 수 없는.. 실타래 벌써 3년째 시간은 흘러가고 있네요. 저는 서울에서 엄마의 갑작스런 죽음 때문에 가족들과 제주로 내려오게 되었답 니다. 몸과 마음이 지쳐있었고 우울증에 시달리며, 엄마의 죽음을 잊으려고 하였습 니다. 그러다 여기서 고향 분들을 만나게 되었고 그 분들의

More information

untitled

untitled 보안서버구축가이드 8 Ⅲ. SSL 방식보안서버구축하기 1. 소개및보안서버구축절차 가. 개요 SSL은 Secure Sockets Layer의머리글이며, 1994년 Netscape에의해전세계적인표준보안기술이개발되었습니다. SSL 방식은웹브라우저와서버간의통신에서정보를암호화함으로써도중에해킹을통해정보가유출되더라도정보의내용을보호할수있는기능을갖춘보안솔루션으로전세계적으로수백만개의웹사이트에서사용하고있습니다.

More information

미쓰리 파워포인트

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

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

<B3EDB9AEC0DBBCBAB9FD2E687770>

<B3EDB9AEC0DBBCBAB9FD2E687770> (1) 주제 의식의 원칙 논문은 주제 의식이 잘 드러나야 한다. 주제 의식은 논문을 쓰는 사람의 의도나 글의 목적 과 밀접한 관련이 있다. (2) 협력의 원칙 독자는 필자를 이해하려고 마음먹은 사람이다. 따라서 필자는 독자가 이해할 수 있는 말이 나 표현을 사용하여 독자의 노력에 협력해야 한다는 것이다. (3) 논리적 엄격성의 원칙 감정이나 독단적인 선언이

More information

Javascript

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

More information

40043333.hwp

40043333.hwp 1 2 3 4 5 128.491 156.559 12 23 34 45 안녕하십니까? 본 설문은 설악산과 금강산 관광연계 개발에 관한 보다 실질적인 방향을 제시하고자 만들어졌습니다. 귀하께서 해주신 답변은 학문적인 연구에 도움이 될 뿐 아니라 더 나아가 다가오는 21세기 한국관광 발전에 많은 기여를 할 것입니다.

More information

741034.hwp

741034.hwp iv v vi vii viii ix x xi 61 62 63 64 에 피 소 드 2 시도 임금은 곧 신하들을 불러모아 나라 일을 맡기고 이집트로 갔습니다. 하 산을 만난 임금은 그 동안 있었던 일을 말했어요. 원하시는 대로 일곱 번째 다이아몬드 아가씨를

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 실습 1 배효철 th1g@nate.com 1 목차 조건문 반복문 System.out 구구단 모양만들기 Up & Down 2 조건문 조건문의종류 If, switch If 문 조건식결과따라중괄호 { 블록을실행할지여부결정할때사용 조건식 true 또는 false값을산출할수있는연산식 boolean 변수 조건식이 true이면블록실행하고 false 이면블록실행하지않음 3

More information

? !

? ! 신임교원을 위한 교수법 특강 무엇을 어떻게 가르칠 것인가? 폐강을 피하는 몇가지 팁! 조 승 모1 영남대학교 경제금융학부 2016년 8월 23일 Copyright 2016 Cho, Seung Mo 1 영남대학교 상경대학 경제금융학부 조교수; (우) 38541 경상북도 경산시 대학로 280 영남대학교 상경관 224호; choseungmo@yu.ac.kr; http://financialeconomics.tistory.com

More information

암호내지2010.1.8

암호내지2010.1.8 Contents 분류 안내서 해설서 해당팀명 발간년월 대상 수준 인터넷 진흥 인터넷 이용 활성화 정보보호 시스템 관리 한국인터넷진흥원(KISA) 안내서 해설서 시리즈 DNS 설정 안내서 시스템관리팀

More information

Cloud Friendly System Architecture

Cloud Friendly System Architecture -Service Clients Administrator 1. -Service 구성도 : ( 좌측참고 ) LB(LoadBlancer) 2. -Service 개요 ucloud Virtual Router F/W Monitoring 개념 특징 적용가능분야 Server, WAS, DB 로구성되어 web service 를클라우드환경에서제공하기위한 service architecture

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

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

Javascript

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

More information

À¯¾ÆâÀÇ°úÇмÒÃ¥ÀÚ.PDF

À¯¾ÆâÀÇ°úÇмÒÃ¥ÀÚ.PDF 제1 부 제2부 제1 부 과학적 탐구기능 창의적 기능 창의적 성향 물체와 물질에 대해 알아보기 생명체와 자연환경 소중하게 여기기 자연현상에 대해 알아보기 간단한 기계와 도구 활용하기 멀리 보내기 변화시키기 띄우기 붙이기 궁금한 것 알아가기 적절한 측정 유형 선택하기 적절한 측정 단위 선택하기 적합한 측정 도구 사용하기 측정 기술 적절하게 적용하기 알고 있는

More information

01¸é¼öÁ¤

01¸é¼öÁ¤ 16면 2012.7.25 6:14 PM 페이지1 2012년 8월 1일 수요일 16 종합 고려대장경 석판본 판각작업장 세계 최초 석판본 고려대장경 성보관 건립 박차 관계기관 허가 신청 1차공사 전격시동 성보관 2동 대웅전 요사채 일주문 건립 3백여 예산 투입 국내 최대 대작불사 그 동안 재단은 석판본 조성과 성보관 건립에 대해서 4년여 동안 여러 측면에 서 다각적으로

More information

C스토어 사용자 매뉴얼

C스토어 사용자 매뉴얼 쪽지 APP 디자인적용가이드 I. 쪽지 APP 소개 2 I. 쪽지 APP 소개 쪽지 APP 을통해쇼핑몰의특정회원또는특정등급의회원그룹에게 알림메시지나마케팅을위한쪽지를발송하실수있습니다. 쪽지 APP의주요기능 1. 전체회원, 특정ID, 특정회원그룹별로쪽지발송가능 2. 발송예약기능 3. 발송한쪽지에대해수신및열람내역조회가능 4. 쇼핑몰페이지에서쪽지함과쪽지알림창제공 3

More information

<B3EDB4DC28B1E8BCAEC7F6292E687770>

<B3EDB4DC28B1E8BCAEC7F6292E687770> 1) 초고를읽고소중한조언을주신여러분들게감사드린다. 소중한조언들에도불구하고이글이포함하는오류는전적으로저자개인의것임을밝혀둔다. 2) 대표적인학자가 Asia's Next Giant: South Korea and Late Industrialization, 1990 을저술한 MIT 의 A. Amsden 교수이다. - 1 - - 2 - 3) 계량방법론은회귀분석 (regression)

More information

레이아웃 1

레이아웃 1 03 04 06 08 10 12 13 14 16 한겨울의 매서운 추위도 지나가고 어느덧 봄이 성큼 다가왔습니다. 소현이가 이 곳 태화해뜨는샘에 다닌 지도 벌써 1년이 지났네요. 해샘에 처음 다닐 때는 대중교통 이용하는 것도 남을 의식해 힘들어하고, 사무실내에서 사람들과 지내는 것도 신경 쓰여 어려워했었습니다. 그러던 우리 소현이가 하루, 이틀 시간이 지나면서

More information

E20023804(2005).hwp

E20023804(2005).hwp - 1 - - 2 - - 3 - - 4 - - 5 - - 6 - - 7 - - 8 - - 9 - - 10 - - 11 - - 12 - - 13 - - 14 - - 15 - - 16 - - 17 - - 18 - - 19 - - 20 - - 21 - - 22 - - 23 - - 24 - - 25 - - 26 - - 27 - 100 기초선 중재(마인드 맵핑 프로그램을

More information

2

2 2 About Honeyscreen Copyright All Right Reserved by Buzzvil 3 2013.06 2013.1 2014.03 2014.09 2014.12 2015.01 2015.04 전체 가입자 수 4 7 8 10대 20대 30대 40대 50대 9 52.27 % 42.83 % 38.17 % 33.46 % 10 Why Honeyscreen

More information

쉽게 풀어쓴 C 프로그래밍

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

More information

untitled

untitled 시스템소프트웨어 : 운영체제, 컴파일러, 어셈블러, 링커, 로더, 프로그래밍도구등 소프트웨어 응용소프트웨어 : 워드프로세서, 스프레드쉬트, 그래픽프로그램, 미디어재생기등 1 n ( x + x +... + ) 1 2 x n 00001111 10111111 01000101 11111000 00001111 10111111 01001101 11111000

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

Microsoft PowerPoint - 26.pptx

Microsoft PowerPoint - 26.pptx 이산수학 () 관계와그특성 (Relations and Its Properties) 2011년봄학기 강원대학교컴퓨터과학전공문양세 Binary Relations ( 이진관계 ) Let A, B be any two sets. A binary relation R from A to B, written R:A B, is a subset of A B. (A 에서 B 로의이진관계

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

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

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

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

More information

본 강의에 들어가기 전

본 강의에 들어가기 전 웹서버프로그래밍 2 JSP 개요 01. JSP 개요 (1) 서블릿 (Servlet) 과 JSP(Java Server Page) 서블릿은자바를이용한서버프로그래밍기술 초기웹프로그래밍기술인 CGI(Common Gateway Interface) 를대체하기위해개발되었으나, 느린처리속도, 많은메모리요구, 불편한화면제어등의한계로 PHP, ASP 등서버스크립트언어등장 JSP

More information

Gwangju Jungang Girls High School 이상야릇하게 지어져 이승이 아닌 타승에 온 것 같은 느낌이 들었다. 모텔에 여장을 풀고 먹 기 위해 태어났다는 이념 아래 게걸스럽게 식사를 했다. 피곤하니 빨리 자라는 선생님의 말 씀은 뒷전에 미룬 채 불을 끄고 밤늦게까지 속닥거리며 놀았다. 몇 시간 눈을 붙이는 둥 마 는 둥 다음날 이른 아침에

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 Chapter 08. 도메인과호스팅서비스 1. 도메인등록하기 2. 호스팅서비스로서버구축하기 3. 홈페이지구축하기 DNS의구조와동작원리를이해한다. 자신만의도메인을등록할수있다. 등록한도메인으로무료호스팅서버를구축할수있다. FTP 프로그램인파일질라를활용할수있다. 웹에디터인콤포저로간단한웹페이지를제작할수있다. 도메인을구매하고서버를구축한뒤간단한 HTML 프로그램을작성하여홈페이지를만들수있다

More information

(초등용1)1~29

(초등용1)1~29 3 01 6 7 02 8 9 01 12 13 14 15 16 02 17 18 19 20 21 22 23 24 03 25 26 27 28 29 01 33 34 35 36 37 38 39 02 40 41 42 43 44 45 03 46 47 48 49 04 50 51 52 53 54 05 55 56 57 58 59 60 61 01 63 64 65

More information

TOEIC 12월호*

TOEIC 12월호* ETS TOEIC S&W 개발자에게 듣는다 TOEIC S&W 공정하고 객관적으로 평가됩니다 최근 우리 사회와 기업 환경에서 영어 말하기와 쓰기 능력의 중요성이 커지면서 TOEIC S&W(TOEIC 말하기 쓰기)에 응시하는 사 람들이 많이 증가하고 있다. 이와 함께 시험의 신뢰도를 좌우하는 시험 채점 과정과 채점 방식 등에 대해 TOEIC S&W를 개발한 ETS

More information

2학년 1학기 1,2단원 1 차례 세 자리의 수 1-1 왜 몇 백을 배워야 하나요? 1-2 세 자리 수의 자릿값 알아보기와 크기 비교하기 1-3 뛰어 세기와 수 배열표에서 규칙 찾기 1단원 기본 평가 단원 창의 서술 논술형 평가 22 1단원 심화 수

2학년 1학기 1,2단원 1 차례 세 자리의 수 1-1 왜 몇 백을 배워야 하나요? 1-2 세 자리 수의 자릿값 알아보기와 크기 비교하기 1-3 뛰어 세기와 수 배열표에서 규칙 찾기 1단원 기본 평가 단원 창의 서술 논술형 평가 22 1단원 심화 수 2학년 1학기 1,2단원 1 차례 세 자리의 수 1-1 왜 몇 백을 배워야 하나요? 1-2 세 자리 수의 자릿값 알아보기와 크기 비교하기 1-3 뛰어 세기와 수 배열표에서 규칙 찾기 1단원 기본 평가 2 8 14 20 1단원 창의 서술 논술형 평가 22 1단원 심화 수준 평가 23 한박사의 스토리텔링 24 2 여러 가지 도형 2-1 같은 점과 다른 점 찾기

More information

H3250_Wi-Fi_E.book

H3250_Wi-Fi_E.book 무선 LAN 기능으로 할 수 있는 것 2 무선 LAN 기능으로 할 수 있는 것 z q l D w 3 Wi-Fi 기능 플로우차트 z q l D 4 Wi-Fi 기능 플로우차트 w 5 본 사용 설명서의 기호 설명 6 각 장별 목차 1 2 3 4 5 6 7 8 9 10 11 12 13 14 7 목차 1 2 3 4 8 목차 5 6 7 8 9 9 목차 10 11 12

More information

레이아웃 1

레이아웃 1 2010 3 5 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 27 우리가 함께 만들어 나갈 수 있습니다. - 인간의 존업성과 여성인권의 수호 - 성 산업의 구조적 사슬 단절 31 - 성매매 피해여성 적극 보호 - 성매매방지법이 시행됩니다. 32 - 인식부터 바뀌어야 합니다. - 성매매에 대한 처벌

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

HLS(HTTP Live Streaming) 이용가이드 1. HLS 소개 Apple iphone, ipad, ipod의운영체제인 ios에서사용하는표준 HTTP 기반스트리밍프로토콜입니다. 2. HLS 지원대상 - 디바이스 : iphone/ipad/ipod - 운영체제 :

HLS(HTTP Live Streaming) 이용가이드 1. HLS 소개 Apple iphone, ipad, ipod의운영체제인 ios에서사용하는표준 HTTP 기반스트리밍프로토콜입니다. 2. HLS 지원대상 - 디바이스 : iphone/ipad/ipod - 운영체제 : HLS(HTTP Live Streaming) 이용가이드 1. HLS 소개 Apple iphone, ipad, ipod의운영체제인 ios에서사용하는표준 HTTP 기반스트리밍프로토콜입니다. 2. HLS 지원대상 - 디바이스 : iphone/ipad/ipod - 운영체제 : ios 3.0 이상 - 콘텐츠형식 : MP4 (H264,AAC ), MP3 * 디바이스별해상도,

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

#7단원 1(252~269)교

#7단원 1(252~269)교 7 01 02 254 7 255 01 256 7 257 5 10 15 258 5 7 10 15 20 25 259 2. 어휘의 양상 수업 도우미 참고 자료 국어의 6대 방언권 국어 어휘의 양상- 시디(CD) 수록 - 감광해, 국어 어휘론 개설, 집문당, 2004년 동북 방언 서북 방언 중부 방언 서남 방언 동남 방언 제주 방언 어휘를 단어들의 집합이라고 할 때,

More information

±³À°È°µ¿Áö

±³À°È°µ¿Áö 은 국민과 경찰이 함께 하는 역사와 체험의 복합 문화공간입니다. 국립경찰박물관은 우리나라 경찰 역사의 귀중한 자료들을 보존하기 위해 만들어 졌습니다. 박물관은 역사의 장, 이해의 장, 체험의 장, 환영 환송의 장 등 다섯 개의 전시실로 되어 있어 경찰의 역사뿐만 아니라 경찰의 업무를 체험해 볼 수 있는 공간으로 구성되어 있습니다. 멀고 어렵게만 느껴지던 경찰의

More information