처음 시작하는 리액트: UI를 위한 자바스크립트 라이브러리 ReactJS
|
|
|
- 문숙 사
- 5 years ago
- Views:
Transcription
1 114 처음시작하는리액트 UI 를위한 자바스크립트라이브러리 ReactJS 톰핼럿, 리차드펠드만, 시몬회벡, 칼미켈슨, 존비비, 프랑키반야르디지음 / 곽현철, 김훈민옮김
2 114 처음시작하는리액트 UI 를위한 자바스크립트라이브러리 ReactJS 톰핼럿, 리차드펠드만, 시몬회벡, 칼미켈슨, 존비비, 프랑키반야르디지음 / 곽현철, 김훈민옮김 이도서는 Developing a React Edge(BLEEDING EDGE PRESS) 의번역서입니다
3 표지사진김재영이책의표지는김재영님이보내주신풍경사진을담았습니다. 리얼타임은독자의시선을담은풍경사진을책표지로보여주고자합니다. 사진보내기 처음시작하는리액트 UI 를위한자바스크립트라이브러리 ReactJS 초판발행 2016 년 7 월 25 일 지은이톰핼럿, 리차드펠드만, 시몬회벡, 칼미켈슨, 존비비, 프랑키반야르디 / 옮긴이곽현철, 김훈민 / 펴낸이김태헌펴낸곳한빛미디어 ( 주 ) / 주소서울시마포구양화로 7길 83 한빛미디어 ( 주 ) IT출판부전화 / 팩스 등록 1999년 9월 30일제 호 ISBN / 정가 17,000원 총괄전태호 / 책임편집김창수 / 기획 편집김상민디자인표지 내지여동일, 조판최송실마케팅박상용, 송경석, 변지영 / 영업김형진, 김진불, 조유미 이책에대한의견이나오탈자및잘못된내용에대한수정정보는한빛미디어 ( 주 ) 의홈페이지나아래이메일로알려주십시오. 한빛미디어홈페이지 / 이메일 ask@hanbit.co.kr c 2016 HANBIT Media, Inc. Authorized Korean translation of the English edition of Developing a React Edge, ISBN c 2014 Frankie Bagnardi, Jonathan Beebe, Richard Feldman, Tom Hallett, Simon Højberg, and Karl Mikkelsen. This translation is published and sold by permission of Bleeding Edge Press, Inc., which owns or controls all rights to publish and sell the same. 이책의저작권은블리딩엣지프레스사와한빛미디어 ( 주 ) 에있습니다. 저작권법에의해한국내에서보호를받는저작물이므로무단전재와복제를금합니다. 지금하지않으면할수없는일이있습니다. 책으로펴내고싶은아이디어나원고를메일 (ebookwriter@hanbit.co.kr) 로보내주세요. 한빛미디어 ( 주 ) 는여러분의소중한경험과지식을기다리고있습니다.
4 저자소개 지은이 _ 톰핼럿 샌프란시스코에있는실시간비디오플랫폼인 Tout.com의 Ruby/JavaScript 시니어엔지니어이다. Jasmine을이용한 React 애플리케이션테스트를도와주는 Jasmine-react의제작자이기도하다. 수중폴로를좋아하고, 아내와아들과함께시간을보낸다. 지은이 _ 리차드펠드만 샌프란시스코에있는교육기술회사인 NoRedInk에서리드프론트엔드엔지니어로일하고있다. 함수형프로그래밍의지지자이자, 강연자다. 일반적인 JavaScript 객체와배열에하위호환성을갖는이뮤터블데이터구조를제공하는오픈소스라이브러리인 seamless-immutable 의제작자이기도하다. 지은이 _ 시몬회벡 로드아일랜드주프로비던스에있는 Swipely에서시니어 UI 엔지니어로일하고있다. 프로비던스 JS 밋업그룹의공동주최자이고, 보스턴의 Startup Institute에서 JavaScript를가르치기도했다. JavaScript를이용한기능적유저인터페이스를만들고, cssarrowplease.com 같은사이드프로젝트에시간을할애하고있다.
5 지은이 _ 칼미켈슨 LockedOn에서시니어 PHP/JavaScript 엔지니어로일하면서아름답고강력한부동산소프트웨어를만들고있다. Karl은새로운기술에대한열정이있고, 새로운방법으로일하기위해공부하는것을즐긴다. 자신의웹사이트인 karlmikko.com에서그를찾을수없다면, 아내와함께암벽등반을하고있거나커피를즐기고있을것이다. 지은이 _ 존비비 Dave Ramsey의디지털개발팀에서애플리케이션을개발하고있다. 웹과 ios를위해사용자를대하는기술에집중하고있다. Final Cut Pro와 Motion에사용하는플러그인과 PHP 웹서비스를만들기도했다. Beebe가예술과코드에관한언어를섞는날은좋은날이다. 그는독서광이고, 사진을좋아하며, 매일아내의기대이상을달성하기위해노력하고있다. 지은이 _ 프랑키반야르디 여러고객을위해사용자경험을만드는시니어프론트엔드개발자이다. 여가는 StackOverflow (FakeRainBrigand) 와 IRC (GreenJello) 에올라오는질문에답 해주는한편작은프로젝트도즐긴다.
6 역자소개 옮긴이 _ 곽현철 NHN Technology Services에서 UI 개발자로일하다가지금은티켓몬스터에서프론트엔드개발자로일하고있다. 좋은동료가되겠다는핑계로개발욕심보다개그욕심이많아서주변에웃음을전하느라바쁜, 조금재미있는사람. 아마지금도어디선가농담을던지고있을것이다. 옮긴이 _ 김훈민 NHN Technology Services 에서근무하던시절본격적으로프론트엔드개발에 입문하여지금은네이버에서스마트에디터 3 를개발하고있다. 잠들어버린 huns.me 블로그를운영하고있으며테스트프로세스에관심이많다.
7 역자서문 요즘웹프론트엔드는그야말로춘추전국시대다. 수많은도구, 라이브러리, 프레임워크가오늘쏟아지고내일사라진다. SPA를위한 Full Framework로서한시대를풍미했던 Backbone은벌써낡은기술이되었다. Backbone이지나간자리는구글을등에업은 Angular가차지했다. Angular는한때천하를통일할가장유력한후보였다. 엄청난기세로개발자들의마음을사로잡으며높은점유율을차지하는데성공했지만, 고질적인성능이슈와완전히새로운버전인 Angular 2 발표로인한역풍등으로요즘은기세가한풀꺾인모습이다. React는 Angular 이후, 최근프론트엔드영역에서가장많은관심을받는기술이다. 처음 React가등장했을때커뮤니티의반응은호의적이지않았다. 많은것이불편했다. Virtual DOM, JSX 같은개념은낯설었고, 페이지단위로개발하는데익숙해있던개발자들은컴포넌트단위로사고하기힘들어했다. 더군다나 HTML과 JavaScript를한곳에묶어두는 React의개발방식은기능과구조라는두개의관심사를분리하라는오랜불문율에어긋났다. 하지만 Facebook은포기하지않았고, 전세계수억명이사용하는자사제품의곳곳에 React를심었다. 끊임없이 React의철학을이야기하며설득했다. 시간이지나면서 React에호감을보이는개발자들이늘기시작했다. Airbnb, 넷플릭스, Atlassian, BBC 같은거대기업이 React를자사프로젝트에사용했다. 분위기가달라졌다. 때마침국내에도 React 바람이불었다. React Native의등장이한몫했다. "Learn once, Write everywhere 라는캐치프레이즈에많은개발자가설렜다. 그렇게 React는프론트엔드를넘어모바일앱까지조금씩스며들었다. React 관련커뮤니티가문을열었고, React를주제로하는블로그포스트가하나둘등장했다. 국내외에서부지런히영역을넓힌 React는, 이제설계부터개발까지다양한플러그인과라이브러리를가진차세대프론트엔드개발도구로많은사랑을받고있다.
8 이책은 React를소개하지만, React를처음접하는사람을위한책은아니다. 간단한튜토리얼정도는해봤으나 React의장점이뭔지아직아리송하다는사람에게더적합하다. 6명의저자가다양한주제로 React의가치와철학을이야기한다. 여러관점에서바라본 React를간접경험해볼수있다. 하지만저자가여러명이다보니읽다보면전체내용이하나의줄기로매끄럽게연결되어있지못한듯한느낌을받을수있다. 사용자들이처음부터끝까지직접따라해볼수있을만한예제가부족하다는점도아쉽다. 대신 React를지탱하는철학이무엇인지, 어떻게활용할수있는지를고민하면서이책을읽을것을추천한다. 설치방법에대한설명이나간단한튜토리얼은 React 공식문서 ( html) 를추천한다. 영어가어렵다면한국어로번역한사이트 ( github.io/react/docs/getting-started-ko-kr.html) 도있다. 원서가나온후, 책을번역하고출간하기까지여타의사정으로인해시간이지연되어책이쓰일당시 0.11이었던 React의버전이이제는 0.14 RC까지올라가버렸다. 따라서책에있는내용을최신버전에그대로적용할수없는경우가있다. 번역서라는특성상원문을수정하기가쉽지않기때문에논의끝에 React 0.14 RC를반영하는역자주석을추가하기로했다. 또한, 원서에는없는 React 릴리즈로그를부록으로수록했다. 릴리즈로그를보면지원을중단하는 API와 React가그동안변해온과정을알수있다. React를맛은봤지만, 그맛이정확히뭔지잘모르겠다는분들이이책으로인해 React와더친해질수있기를바란다. 끝으로전문직업인으로서배울점이많은존경하는상훈님, 개발자로서성장하는데많은영감과지식을준대선이형, 방황하던내인생에반전을만들어준태훈님, 지칠때마다끊임없이열정을불어넣어주는우영이, 함께번역하고교정하느라고생한능력자현철님, 한결같이옆에서나를응원해주는지원이에게고맙다는말을전한다. 이
9 책을선택한모든독자의앞날에축복이가득하길바라며서문을마친다. _ 김훈민
10 최근몇년간 Javascript 개발환경의눈부신발전만큼, HTML/CSS를이용한 UI 개발도빠르게변화해왔다. Bootstrap 같은프레임워크의사용은이제흔한일이되었고, BEM, OOCSS 같은 CSS 방법론들이 UI를바라보는새로운시야를제공하고있다. 이런영향으로 UI 개발도페이지또는화면단위의개발방식에서탈피하여, 컴포넌트라고부를만한재사용성이높은 UI를바탕으로한스타일가이드기반의개발로점차모양새가바뀌고있다. React는이런새로운물결과잘어울린다. 컴포넌트와상태를중심으로 UI를개발하면, 화면구성을위한복잡한논리구조를단순하게풀어낼수있다. React에대한이해는 UI의분리를위해선행되어야할생각의분리에도도움을준다. React가가져다주는이런단편적인생각의전환만으로도자신의생산성이높아지는것을느끼게될것이다. 끝으로엉성한번역을함께살펴봐주고글로만들어준훈민님, 번역의길에다리를놓아준상훈님, 개발의길을열어준형국이형, 고락을함께하고있는표준화개발유닛동료들, 그리고늘나를웃게해주는영원이에게감사인사를전한다. _ 곽현철
11 들어가며 React는무엇이고왜써야할까? React는 Facebook에서내부적으로개발한 JavaScript 라이브러리로 2013년에오픈소스로공개되었다. 웹에서상호작용하는사용자인터페이스를만들기위한라이브러리이다. React는브라우저 DOM을다루는새로운방법을소개했다. 확장성과새로운기능의개발을위해수동으로 DOM을갱신하고어렵게각상태를추적하는노력은이제옛날이야기가되었다. React는매우새로운방법으로 DOM을다룬다. 아무때나선언적으로사용자인터페이스를정의할수있다. React는데이터가변경되었을때어떤부분의 DOM을갱신할지신경쓰지않는다. 언제든지최소한의 DOM 수정때문에전체애플리케이션을재렌더링한다. 이책에서얻을수있는것 React는현재의방법들에도전하는새롭고흥미로운개념을소개한다. 이책은이런모든개념을살펴보고, 이런개념들이유용한이유를설명해준다. 단일페이지애플리케이션 SPAs, Single Page Applications 를만드는데특히도움이될것이다. React는애플리케이션의 view 에만집중한다. 서버통신이나코드조직에는전혀관심을두지않는다. 이책에서는 React를이용해서완전한애플리케이션을만들기위한모범예제와대체도구도설명한다. 이책을읽기위해알아야할것 이책의내용을이해하기위해서는 JavaScript 와 HTML 을다뤄본경험이있어야한 다. 프레임워크의종류와상관없이단일페이지애플리케이션을다뤄본경험이있다
12 면더욱도움이될것이다. 물론필수적인것은아니다. 소스코드와예제애플리케이션이책에서는예제애플리케이션으로설문조사생성기 Survey Builder 를인용한다. 전체코드는 Github의저장소 버전이슈에대한역자주이책은 React v ~v.0.12를기준으로집필되었다. Github 저장소에있는샘플예제코드는 React v 을사용한다. 이책을번역하는현재 ( ) 가장안정화된최신버전은 v 으로, 버전이업데이트하면서인터페이스나정책이바뀐부분이있어책에나와있는내용을최신버전에그대로적용할수없는경우가있다. 독자의혼란을막기위해최신버전에서호환되지않는부분마다역자주를삽입했고, 부록에릴리즈노트를수록했으니참고하기바란다.
13 차례 chapter 1 React 소개 배경 개요 021 chapter 2 JSX JSX는무엇인가? JSX의장점 컴포넌트조합 JSX와 HTML의차이점 JSX를사용하지않는경우의 React JSX 공식스펙 046 chapter 3 컴포넌트라이프사이클 라이프사이클메소드 초기화 실행시 분해와정리 안티패턴 : 상태에계산값사용 정리 057
14 chapter 4 데이터흐름 Props PropTypes getdefaultprops State state와 props에는어떤값을저장해야할까? 정리 065 chapter 5 이벤트처리 이벤트핸들러연결하기 이벤트와상태 상태에따른렌더링 상태변경하기 이벤트객체 정리 075 chapter 6 컴포넌트구성 HTML 확장 예제 부모컴포넌트와자식컴포넌트의관계 정리 086
15 chapter 7 믹스인 믹스인은무엇인가? 정리 093 chapter 8 DOM 조작 React를통한 DOM 노드접근 React 외의라이브러리포함하기 부모엘리먼트에영향을주는플러그인다루기 정리 102 chapter 9 폼 비제어컴포넌트 제어컴포넌트 폼이벤트 레이블 textarea와 select 체크박스와 radio 버튼 폼엘리먼트이름 여러개의폼엘리먼트에 change 핸들러사용 커스텀폼컴포넌트 포커스 사용성 정리 129
16 chapter 10 애니메이션 CSS 트랜지션그룹 트랜지션그룹사용시주의점 인터벌렌더링 정리 137 chapter 11 성능개선 shouldcomponentupdate Immutability Helpers 애드온 속도저하원인찾기 Key 정리 146 chapter 12 서버사이드렌더링 렌더링함수 서버사이드컴포넌트라이프사이클 정리 157 chapter 13 React 패밀리 Jest Immutable.Map Flux 정리 167
17 chapter 14 개발도구 빌드도구 Browserify Webpack Webpack과 React 디버깅도구 정리 179 chapter 15 테스트 시작하기 첫번째명세 : 렌더링 모의컴포넌트 함수를스파이객체로만들기 이벤트시뮬레이션 finder 메소드로컴포넌트탐색하기 믹스인 <body> 에렌더링하기 서버사이드테스트 브라우저테스트자동화 정리 243
18 chapter 16 설계패턴 라우팅 Om(ClojureScript) Flux 정리 261 chapter 17 그밖의사용법 데스크톱 게임 HTML 이메일 차트 정리 278 chapter 18 부록 : 릴리스로그 React v React v.0.12 RC React v React v React v.0.13 Beta React v.0.13 RC React v.0.13 RC React v React v React v React v React v.0.14 Beta React v.0.14 RC 310
19
20 chapter 1 React 소개 1.1 배경 웹애플리케이션이막등장한시절에는클라이언트가페이지전체를서버에요청하는방식으로만웹애플리케이션을개발할수있었다. 이렇게개발한애플리케이션은브라우저에서일어나는이벤트를처리할필요가없었기때문에구조가아주단순했다. PHP 같은언어를사용하면이런형태의애플리케이션을쉽게만들수있었다. 기능 PHP로컴포넌트 functional components 를만들면, 재사용성과가독성이높은코드를쉽게작성할수있었고, PHP는이런단순함덕분에많은인기를얻었다. 하지만이방식으로는사용자에게멋진경험을줄수없었다. 사용자가무언가를할때마다매번서버에요청을보내고응답을기다려야했다. 심지어서버로부터응답이오면지금까지페이지에서사용자가작업한내용은모두날아가버렸다. 더나은사용자경험을제공하기위해서사람들은브라우저에서애플리케이션을렌더링하는 JavaScript 기반라이브러리를만들기시작했다. 단순한 HTML 템플릿부터애플리케이션전체를제어하는시스템까지, 다양한방법으로 DOM을제어하는라이브러리가등장했다. 다양한 JavaScript 라이브러리를이용하면서애플리케이션은점점더크고복잡해졌다. 길게헝클어진실처럼꼬여있는이벤트로무장한애플리케이션의동작을설명하기란쉽지않다. 그래서앞에서이야기한 PHP의 1 React 소개 - 019
21 경우에비해, 요즘의클라이언트애플리케이션은만들기가매우어려워졌다. React는 Facebook이사용하는 PHP프레임워크인 XHP를대체하기위해시작되었다. PHP 프레임워크인 XHP는새로운요청이들어올때마다전체페이지를렌더링한다. 이작업을클라이언트에서처리하기위해 React가탄생했다. React는기본적으로복잡한상태변화를잘관리할수있게해주는상태시스템 state machine 이다. React의관심사는오직두가지다. 1. DOM 업데이트 2. 이벤트응답 React는 Ajax, 라우팅, 저장소, 데이터구조에관심이없으며 MVC Model-View- Controller 프레임워크가아니다. 굳이 MVC를가지고이야기하자면, MVC에서 V 를담당한다고볼수있다. 가벼운 React는다양한시스템에자유롭게어울릴수있다. 실제로몇몇인기있는 MVC 프레임워크가 View를렌더링할때 React를사용한적이있다. JavaScript로 DOM을가져오고갱신하는작업은느리므로상태가바뀔때마다페이지전체를렌더링하는애플리케이션은성능이떨어질수밖에없다. React는가상 DOM virtual DOM 을이용해서 DOM을읽지않고갱신할수있는아주강력한렌더링시스템을가지고있다. React의핵심은렌더링함수다. 이함수는현재의상태값을결과페이지를나타내는가상표현객체 virtual representation 으로변환한다. 마치고성능 3D 게임엔진같다. 상태변경을감지한 React는이함수를실행해서새로운가상표현객체를만든다음에이것을 DOM에전달해새로운상태를반영한다. 언뜻보면, JavaScript가필요할때개별요소를갱신하는것보다느릴것같다. 하지만 React는현재의가상표현객체와새로운가상표현객체의차이를아주 020 -
22 효과적으로비교하는알고리즘을가지고있다. 이알고리즘을이용해서 DOM을최소한으로변경한다. 리플로우 reflow 나불필요한 DOM 조작 mutation 같이흔한성능저해요소를최소화함으로써성능을끌어올린다. 인터페이스가커질수록, 하나의상호작용 interaction 이다른상호작용을연쇄적으로부르는경우가많아진다. 이런연쇄호출을적절히처리하지않으면애플리케이션의성능이급격히떨어진다. 심지어, 최종상태에도달할때까지같은 DOM 엘리먼트를몇번이고다시변경하는경우도있다. React 가상표현객체는단일패스에서최소한의변경을수행함으로써이런문제를최소화한다. 이를통해애플리케이션의유지보수성도높인다. 사용자입력이나외부의변경에의한상태변화가있다는사실을 React에게알려주기만하면나머지는 React가알아서처리한다. 개발자가프로세스를세세히관리할필요가없다. React는모든이벤트를하나의이벤트핸들러에위임 delegate 함으로써이벤트핸들러가여러개일때발생할수있는성능저하의위험을줄인다. 이책에서사용하는설문조사생성기 Survey Builder 예제는 Github 저장소 ( github.com/backstopmedia/bleeding-edge-sample-app) 에서자세히볼수있다. 1.2 개요 이책은 React 를이용한최신개발기법을크게네가지주제로나눠서다룬다. 컴포넌트생성및구성 1장부터 7장까지는 React 컴포넌트를생성하고구성하는방법을설명한다. 여 기에서는 React 사용방법을배운다. 1 React 소개 - 021
23 1) React 소개 1 장은배경과이책의전체개요를설명하고 React 를소개한다. 2) JSX와기본 React 구성요소사용하기 JSXJavaScript XML를이용하면 JavaScript 코드안에 XML 스타일의문법코드를작성할수있다. JSX를사용하는방법과이를이용해서기본적인 React 컴포넌트를만드는방법을학습한다. React 컴포넌트를개발할때반드시 JSX를같이사용해야하는것은아니지만, 권장하고싶은방법이라는생각에이책에있는대부분의예제는 JSX를사용해서작성했다. 3) React 구성요소의라이프사이클 React는렌더링과정중에자주컴포넌트를생성하고제거하며, 컴포넌트라이프사이클에접근할수있는다양한함수를제공한다. 이라이프사이클을잘이해하면애플리케이션메모리누수를방지할수있다. 4) React의데이터흐름 React가컴포넌트트리에데이터를어떻게전달하는지, 어떤데이터를변경해도안전한지잘알아둬야한다. React는속성 props 과상태 state 를아주분명하게구분한다. 이장은속성과상태가무엇인지알아보고, 컴포넌트개발시에이둘을제대로사용하는방법을설명한다. 5) 이벤트핸들링 React의이벤트처리는선언적이다. 이벤트처리는동적 UI를구성하는데중요하므로완벽하게익히는게좋다. 다행히 React를이용하면이벤트처리를아주간단하게할수있다. 6) 컴포넌트의구성 React 를이용하면특정작업을수행하는작지만정교한컴포넌트를만들수있 022 -
24 다. 이렇게만든컴포넌트를구성해서오케스트레이션레이어 orchestration layers01 를만 든다. 이장은한컴포넌트가다른컴포넌트를사용하는방법을설명한다. 7) React 믹스인 여러 React 컴포넌트가사용하는공통기능을공유하는방법인믹스인을사용하 면컴포넌트를더작게만들수있어서관리하기편하다. 고급주제 기본을배웠으니이제더수준높은주제로넘어간다. 8 장부터 13 장까지 React 개발기술을연마하여더훌륭한 React 컴포넌트를만들어본다. 8) React에서 DOM에접근하기기존 JavaScript 라이브러리를사용하거나컴포넌트를더깊게제어하기위해서때로는 React 가상 DOM이아닌진짜 DOM을이용해야할때가있다. 이장은안전하게 DOM에접근할수있는 React 컴포넌트의라이프사이클이어디인지, DOM 제어를언제해제하여메모리누수를막아야하는지를설명한다. 9) React로폼요소다루기 HTML 폼엘리먼트는사용자입력을받는대표적인방법이다. HTML 폼엘리먼트는상태를갖는다. React를이용하면놀라운방법으로폼의상태를 React 컴포넌트에전달할수있다. 10) 애니메이션 CSS를이용하면고성능애니메이션을만들수있다. React는 CSS 애니메이션처리를도와준다. 이장은 React를이용해서 CSS 애니메이션을처리하는방법을설명한다. 01 역자주 _ 소프트웨어개발에서오케스트레이션레이어 (Orchestration Layer, OL) 는모델링한데이터요소와기능을구체화하는추상레이어를말한다. 작게나눈 React 컴포넌트를실제제품에적용하기위해서는개별컴포넌트가서로조화롭게동작하여하나의콘텐츠를표현할수있게제어하는단계가필요하다. 이책에서말하는오케스트레이션레이어는이단계를의미한다. 1 React 소개 - 023
25 11) 성능개선과컴포넌트 React 가상 DOM은뛰어난성능을보여주지만, 언제나그렇듯이개선할부분이있다. React는변경이없는컴포넌트를브라우저가다시렌더링하는것을막음으로써애플리케이션의속도를비약적으로높인다. 12) 서버사이드렌더링많은애플리케이션이 SEO를적용한다. React는 Node.js처럼브라우저가아닌환경에서도문자열로렌더링할수있다. 서버측렌더링을이용하면애플리케이션의시작페이지로딩시간을줄일수있다. 서버와클라이언트렌더링방식을함께사용하는것은어려울수있다. 이장에서는두가지렌더링방식을함께적용하는전략을설명하고, 서버측렌더링을처리할때발생할수있는복잡한상황을자세히알아본다. 13) React 패밀리의다른 JavaScript 라이브러리사용하기 Facebook은 React 외에도, React와함께사용할수있는여러오픈소스개발도구를계속해서공개하고있다. 이장을학습하면이런라이브러리를 React 패밀리에잘적용하기위한통찰을얻을수있다. React를위한도구다루기 React는뛰어난개발, 테스트도구를제공한다. 이도구를사용하면견고한애플리케이션을만들수있다. 14, 15장에서개발자도구와테스트방법을알아본다. 14) 개발자도구 React 애플리케이션의규모가커지면배포를위해코드패키징과정을자동화할필요가있으며코드디버깅이점점어려질것이다. 이장에서는이런고민을덜어주는 React 애플리케이션패키징도구를살펴본다. 그리고더쉬운디버깅을위해구글크롬플러그인으로 React 컴포넌트를시각화하는방법도알아본다
26 15) React를위한테스트코드작성하기애플리케이션의규모가점점커지는상황에서, 기존코드에버그를추가하지않으려면테스트코드를작성하는것이좋다. 테스트코드는더나은모듈화코드를작성하는데도움이된다. 이장에서는 React 컴포넌트의모든부분을테스트하는방법을알아본다. React 활용하기 마지막장은 React 를활용하는데있어서중요한부분을살펴보고, 미처생각해 보지못한다른사용사례를설명한다. 16) Architectural patterns React는 MVC 중에서 V 만을제공한다. 그래서다른프레임워크나시스템에매우유연하게적용할수있다. 이장은 React를이용해서규모가큰애플리케이션을설계하는과정을설명한다. 17) React의다른사용사례 React는웹환경에초점을맞추고있지만, 웹이아니더라도 JavaScript를지원하는환경이라면어디든사용할수있다. 이장에서는전통적인웹환경이아닌곳에서 React를사용하는방법을알아본다. 1 React 소개 - 025
처음 시작하는 리액트: UI를 위한 자바스크립트 라이브러리 ReactJS
114 처음 시작하는 리액트 UI를 위한 자바스크립트 라이브러리 ReactJS 톰 핼럿, 리차드 펠드만, 시몬 회벡, 칼 미켈슨, 존 비비, 프랑키 반야르디 지음 / 곽현철, 김훈민 옮김 114 처음 시작하는 리액트 UI를 위한 자바스크립트 라이브러리 ReactJS 톰 핼럿, 리차드 펠드만, 시몬 회벡, 칼 미켈슨, 존 비비, 프랑키 반야르디 지음 / 곽현철,
안전한 웨 애플리케이션을 위한 자바스크립트 보안
119 안전한웹애플리케이션을위한 Y.E 리앙지음 / 박미정옮김 자바스크립트보안 119 안전한웹애플리케이션을위한 Y.E 리앙지음 / 박미정옮김 자바스크립트보안 이도서는 JavaScript Security(PACKT publishing) 의번역서입니다 표지사진김민국이책의표지는김민국님이보내주신풍경사진을담았습니다. 리얼타임은독자의시선을담은풍경사진을책표지로보여주고자합니다.
URL Shortener 프로젝트로 배우는 Vert.X 프레임워크
Hanbit ebook Realtime 95 URL Shortener 프로젝트로배우는 Vert.x 프레임워크 김요한지음 URL Shortener 프로젝트로배우는 Vert.x 프레임워크 김요한지음 URL Shortener 프로젝트로배우는 Vert.X 프레임워크 초판발행 2015 년 4 월 10 일 지은이김요한 / 펴낸이김태헌펴낸곳한빛미디어 ( 주 ) / 주소서울시마포구양화로
제이쿼리 (JQuery) 정의 자바스크립트함수를쉽게사용하기위해만든자바스크립트라이브러리. 웹페이지를즉석에서변경하는기능에특화된자바스크립트라이브러리. 사용법 $( 제이쿼리객체 ) 혹은 $( 엘리먼트 ) 참고 ) $() 이기호를제이쿼리래퍼라고한다. 즉, 제이쿼리를호출하는기호
제이쿼리 () 정의 자바스크립트함수를쉽게사용하기위해만든자바스크립트라이브러리. 웹페이지를즉석에서변경하는기능에특화된자바스크립트라이브러리. 사용법 $( 제이쿼리객체 ) 혹은 $( 엘리먼트 ) 참고 ) $() 이기호를제이쿼리래퍼라고한다. 즉, 제이쿼리를호출하는기호 CSS와마찬가지로, 문서에존재하는여러엘리먼트를접근할수있다. 엘리먼트접근방법 $( 엘리먼트 ) : 일반적인접근방법
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 학습목표 프로그래밍의 기본 개념을
Microsoft PowerPoint - web-part03-ch20-XMLHttpRequest기본.pptx
과목명 : 웹프로그래밍응용교재 : 모던웹을위한 JavaScript Jquery 입문, 한빛미디어 Part3. Ajax Ch20. XMLHttpRequest 2014년 1학기 Professor Seung-Hoon Choi 20 XMLHttpRequest XMLHttpRequest 객체 자바스크립트로 Ajax를이용할때사용하는객체 간단하게 xhr 이라고도부름 서버
PowerPoint Template
JavaScript 회원정보 입력양식만들기 HTML & JavaScript Contents 1. Form 객체 2. 일반적인입력양식 3. 선택입력양식 4. 회원정보입력양식만들기 2 Form 객체 Form 객체 입력양식의틀이되는 태그에접근할수있도록지원 Document 객체의하위에위치 속성들은모두 태그의속성들의정보에관련된것
처음 시작하는 Sass: CSS의 한계를 뛰어넘는 Sass를 만나다
131 처음시작하는 Sass CSS 의한계를뛰어넘는 Sass 를만나다 김유리, 방지은, 양주희, 정대영, 홍보라지음 131 처음시작하는 Sass CSS 의한계를뛰어넘는 Sass 를만나다 김유리, 방지은, 양주희, 정대영, 홍보라지음 표지사진최현수이책의표지는최현수님이보내주신풍경사진을담았습니다. 리얼타임은독자의시선을담은풍경사진을책표지로보여주고자합니다. 사진보내기
이도경, 최덕재 Dokyeong Lee, Deokjai Choi 1. 서론
이도경, 최덕재 Dokyeong Lee, Deokjai Choi 1. 서론 2. 관련연구 2.1 MQTT 프로토콜 Fig. 1. Topic-based Publish/Subscribe Communication Model. Table 1. Delivery and Guarantee by MQTT QoS Level 2.1 MQTT-SN 프로토콜 Fig. 2. MQTT-SN
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
1. 자바프로그램기초 및개발환경 2 장 & 3 장. 자바개발도구 충남대학교 컴퓨터공학과
1. 자바프로그램기초 및개발환경 2 장 & 3 장. 자바개발도구 충남대학교 컴퓨터공학과 학습내용 1. Java Development Kit(JDK) 2. Java API 3. 자바프로그래밍개발도구 (Eclipse) 4. 자바프로그래밍기초 2 자바를사용하려면무엇이필요한가? 자바프로그래밍개발도구 JDK (Java Development Kit) 다운로드위치 : http://www.oracle.com/technetwork/java/javas
<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 로업로드하고이름변경......
클라우드컴퓨팅 주요법령해설서 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,,,
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 Ⅲ. 우리기업진출전략
대규모 자바스크립트 웹어플리케이션개발하기 with BackboneJS and RequireJS 넷스루개발 2 팀이병주
대규모 자바스크립트 웹어플리케이션개발하기 with BackboneJS and RequireJS 넷스루개발 2 팀이병주 웹사이트 웹어플리케이션 Mission 웹사이트처럼 개발하기에는 문제점이많다 Why?! 복잡하다 양이많다 예제를통해해결책을알아보자 http://pillarlee16.github.com/simpleapp/ 복잡함을해결하자!! 다양한 MV*
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. 아이폰 클라우드 컴퓨팅, 불만 검증 단계 돌입 기업의
Javascript
1. 이벤트와이벤트핸들러의이해 이벤트 (Event) 는웹브라우저에서발생하는다양한사건을말합니다. 예를들면, 버튼을마우스로을했다거나브라우저를닫았다거나 Enter 키를눌렀다거나등등아주다양한사건들이있습니다. 그렇다면이벤트핸들러 (Event Handler) 는무엇일까요? 이다양한이벤트들을핸들링 ( 처리 ) 해주는것입니다. 예를들면, 어떤버튼을했을때메시지창이뜨게하는등을말합니다.
안전한 웨 애플리케이션을 위한 자바스크립트 보안
119 Y.E 리앙 지음 / 박미정 옮김 안전한 웹 애플리케이션을 위한 자바스크립트 보안 119 안전한 웹 애플리케이션을 위한 Y.E 리앙 지음 / 박미정 옮김 자바스크립트 보안 이 도서는 JavaScript Security(PACKT publishing)의 번역서입니다 표지 사진 김민국 이 책의 표지는 김민국님이 보내 주신 풍경사진을 담았습니다. 리얼타임은
var answer = confirm(" 확인이나취소를누르세요."); // 확인창은사용자의의사를묻는데사용합니다. if(answer == true){ document.write(" 확인을눌렀습니다."); else { document.write(" 취소를눌렀습니다.");
자바스크립트 (JavaScript) - HTML 은사용자에게인터페이스 (interface) 를제공하는언어 - 자바스크립트는서버로데이터를전송하지않고서할수있는데이터처리를수행한다. - 자바스크립트는 HTML 나 JSP 에서작성할수있고 ( 내부스크립트 ), 별도의파일로도작성이가능하다 ( 외 부스크립트 ). - 내부스크립트 - 외부스크립트
본책- 부속물
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
제8장 자바 GUI 프로그래밍 II
제8장 MVC Model 8.1 MVC 모델 (1/7) MVC (Model, View, Controller) 모델 스윙은 MVC 모델에기초를두고있다. MVC란 Xerox의연구소에서 Smalltalk 언어를바탕으로사용자인터페이스를개발하기위한방법 MVC는 3개의구성요소로구성 Model : 응용프로그램의자료를표현하기위한모델 View : 자료를시각적으로 (GUI 방식으로
서현수
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,
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
슬라이드 1
모바일소프트웨어프로젝트 지도 API 1 조 20070216 김성수 20070383 김혜준 20070965 이윤상 20071335 최진 1 매시업? 공개 API? 2 매시업 웹으로제공하고있는정보와서비스를융합하여새로운소프트웨어나서비스, 데이터베이스등을만드는것 < 최초의매시업 > 3 공개 API 누구나사용할수있도록공개된 API 지도, 검색등다양한서비스들에서제공 대표적인예
강창훈
51 4. 2 4?? 1 3B 1 1 3 1 1?? C 3? /3 A 23 C 3? /3 A 23 C 3? /3 A 23 1 2 3 3 1 1 3 1 C 3? A3 /3 A 23.1? A3 /3 A 23. / / 23? / / 1.1 Microsoft Bot Framework? 마이크로소프트사의소프트웨어기반봇개발프레임워크. Bot Framework 는강력하고인텔리전트한봇을구축하고연결하며테스트,
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,
Microsoft PowerPoint - Keynote_Ryan Stewart_KOR.ppt [사용자가 마지막으로 저장]
![Microsoft PowerPoint - Keynote_Ryan Stewart_KOR.ppt [사용자가 마지막으로 저장]](/thumbs/97/130799940.jpg "Microsoft PowerPoint - Keynote_Ryan Stewart_KOR.ppt [사용자가 마지막으로 저장]")
Adobe RIA Technologies (Ryan Stewart) (RIA) Adobe Adobe RIA RIA Adobe Flex Adobe RIA RIA Flash Player Adobe AIR RIA Adobe Flex 3 ActionScript 3 Creative Suite 3 HTTP/S, Sockets, AMF, RTMP, SOAP, WS*, REST,
Web Scraper in 30 Minutes 강철
Web Scraper in 30 Minutes 강철 발표자 소개 KAIST 전산학과 2015년부터 G사에서 일합니다. 에서 대한민국 정치의 모든 것을 개발하고 있습니다. 목표 웹 스크래퍼를 프레임웍 없이 처음부터 작성해 본다. 목표 웹 스크래퍼를 프레임웍 없이 처음부터 작성해 본다. 스크래퍼/크롤러의 작동 원리를 이해한다. 목표
웹애플리케이션은크게사용자가인터랙션하는프런트엔드 (Front-end) 영역과, 사용자가요청한데이터를저장, 수정, 삭제하는백엔드 (Back-end) 영역으로나눌수있다. 웹애플리케이션개발에는다양한기술이사용된다. 최근에는더급격한속도로웹기술이발전되고있으며현대의웹애플리케이션은단순
풀스택웹애플리케이션개발프레임워크 AX5UI & AXBOOT Framework 공개 SW 개발자 Lab 오픈소스프론티어 3 기장기영 웹애플리케이션은크게사용자가인터랙션하는프런트엔드 (Front-end) 영역과, 사용자가요청한데이터를저장, 수정, 삭제하는백엔드 (Back-end) 영역으로나눌수있다. 웹애플리케이션개발에는다양한기술이사용된다. 최근에는더급격한속도로웹기술이발전되고있으며현대의웹애플리케이션은단순한인터랙션을넘어서빠르고편리한
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
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 대형유통망현황및진출방안
웹개발을위한 ComponentOne 사용법 (2) 권대건 부산대학교컴퓨터공학과 Abstract 최근웹개발이활성화되면서전문가를위한여러가지 Tool 웹애플리케이션형태로제공하는경우가늘고있다. ComponentOne 은.NET 기반의 UI C
웹개발을위한 ComponentOne 사용법 (2) 권대건 부산대학교컴퓨터공학과 duskan@pusan.ac.kr Abstract 최근웹개발이활성화되면서전문가를위한여러가지 Tool 웹애플리케이션형태로제공하는경우가늘고있다. ComponentOne 은.NET 기반의 UI Component 로.NET 기반의다양한사용자인터페이스를제공한다. 그중에서도특히 Chart 에대하여
본 강의에 들어가기 전
웹서버프로그래밍 2 JSP 개요 01. JSP 개요 (1) 서블릿 (Servlet) 과 JSP(Java Server Page) 서블릿은자바를이용한서버프로그래밍기술 초기웹프로그래밍기술인 CGI(Common Gateway Interface) 를대체하기위해개발되었으나, 느린처리속도, 많은메모리요구, 불편한화면제어등의한계로 PHP, ASP 등서버스크립트언어등장 JSP
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
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
SIGIL 완벽입문
누구나 만드는 전자책 SIGIL 을 이용해 전자책을 만들기 EPUB 전자책이 가지는 단점 EPUB이라는 포맷과 제일 많이 비교되는 포맷은 PDF라는 포맷 입니다. EPUB이 나오기 전까지 전 세계에서 가장 많이 사용되던 전자책 포맷이고, 아직도 많이 사 용되기 때문이기도 한며, 또한 PDF는 종이책 출력을 위해서도 사용되기 때문에 종이책 VS
놀이동산미아찾기시스템
TinyOS를이용한 놀이동산미아찾기시스템 윤정호 (mo0o1234@nate.com) 김영익 (youngicks7@daum.net) 김동익 (dongikkim@naver.com) 1 목차 1. 프로젝트개요 2. 전체시스템구성도 3. Tool & Language 4. 데이터흐름도 5. Graphic User Interface 6. 개선해야할사항 2 프로젝트개요
C++ Programming
C++ Programming 연산자다중정의 Seo, Doo-okok clickseo@gmail.com http://www.clickseo.com 목 차 연산자다중정의 C++ 스타일의문자열 2 연산자다중정의 연산자다중정의 단항연산자다중정의 이항연산자다중정의 cin, cout 그리고 endl C++ 스타일의문자열 3 연산자다중정의 연산자다중정의 (Operator
Microsoft PowerPoint - web-part02-ch15-문서객체조작.pptx
과목명 : 웹프로그래밍응용교재 : 모던웹을위한 JavaScript Jquery 입문, 한빛미디어 Part2. jquery Ch15. 문서객체조작 2014년 1학기 Professor Seung-Hoon Choi 15 문서객체조작 문서객체조작 자바스크립트만으로문서객체모델을다루려면복잡함 jquery를이용하면쉽게다룰수있다. 이책에서가장중요한부분 15.1 문서객체의클래스속성추가
Chapter #01 Subject
Device Driver March 24, 2004 Kim, ki-hyeon 목차 1. 인터럽트처리복습 1. 인터럽트복습 입력검출방법 인터럽트방식, 폴링 (polling) 방식 인터럽트서비스등록함수 ( 커널에등록 ) int request_irq(unsigned int irq, void(*handler)(int,void*,struct pt_regs*), unsigned
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
본보고서는 yfiles AJAX에대해소개하고, 구현을위해필요한서버 / 클라이언트의구성을알아보고자한다. 더불어간단한예제를통해어플리케이션이어떻게동작하는지소개한다. 2장은 yfiles AJAX를알기위해필요한개념에대해서술한다. 3장에서는 yfiles AJAX의서버와클라이언트가
yfiles AJAX 를이용한웹어플리케이션기능구현 (1) Web Application Function Implementation using yfiles AJAX 탁해성 부산대학교컴퓨터공학과 tok33@pusan.ac.kr Abstract yworks 에서는 PC 및웹환경에서그래프를그릴수있는 yfiles 을상용화하였다. yfiles 은 Graph, Diagram,
Microsoft PowerPoint - CSharp-10-예외처리
10 장. 예외처리 예외처리개념 예외처리구문 사용자정의예외클래스와예외전파 순천향대학교컴퓨터학부이상정 1 예외처리개념 순천향대학교컴퓨터학부이상정 2 예외처리 오류 컴파일타임오류 (Compile-Time Error) 구문오류이기때문에컴파일러의구문오류메시지에의해쉽게교정 런타임오류 (Run-Time Error) 디버깅의절차를거치지않으면잡기어려운심각한오류 시스템에심각한문제를줄수도있다.
AMP는 어떻게 빠른 성능을 내나.key
AMP는 어떻게 빠른 성능을 내나? AU개발 김태훈 kishu@navercorp.com AMP 란무엇인가? AMP 방식으로 HTML을 만들고 AMP JS를 로딩하고 AMP 컴포넌트만 사용하면 웹페이지의 빠른 렌더링을 보장 + 구글 검색 결과에서 즉시 로딩(빠르고 멋있게) AMPs are just Web Pages! AMPs are just Web Pages!
이상한 나라의 앨리스.pages
이상한 나라의 앨리스 01 문학의! 대한민국 문한 전문 사이트 문학의 사이트에서 자신의 콘텐츠를 등록하고 싶은 분은 위에 메일로 보내주세요. 궁금한 부분은 대표 전화로 연락을 주시면 상세히 상담해 드립니다. 화창한 오후마다 우린 느긋이 배를 타지 제1장 토끼굴 속으로 제2장 눈물 웅덩이 제3장 코커스 경주와 긴 이야기 제4장
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,
Microsoft PowerPoint - web-part01-ch10-문서객체모델.pptx
과목명 : 웹프로그래밍응용교재 : 모던웹을위한 JavaScript Jquery 입문, 한빛미디어 Part1. JavaScript / Ch10. 문서객체모델 2014년 1학기 Professor Seung-Hoon Choi 10 문서객체모델 문서객체모델 (Document Object Model, DOM) 웹브라우저가 HTML 페이지를인식하는방식 document
win8_1±³
1 2 3 4 5 6 IDG Tech Library 7 8 9 ITWorld H ow To 마트글래스 기능은 사용자가 시청하거나 플레이한 하우스터프웍스(HowStuffWorks) 내용을 추적해 주고, 성취표나 추가 비디오 콘텐츠 하우스터프웍스 윈도우 8 앱은 기본적으로 하우 등 보조 정보를 제공한다. 또한 PC를 Xbox 360의 스터프웍스 웹 사이트의 모든
슬라이드 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
vRealize Automation용 VMware Remote Console - VMware
vrealize Automation 용 VMware Remote Console VMware Remote Console 9.0 이문서는새버전으로교체되기전까지나열된각제품버전및모든이후버전을지원합니다. 이문서에대한최신버전을확인하려면 http://www.vmware.com/kr/support/pubs 를참조하십시오. KO-002230-00 vrealize Automation
슬라이드 1
NetBeans 1. 도구 개요 2. 설치 및 실행 3. 주요 기능 4. 활용 예제 1. 도구 개요 1.1 도구 정보 요약 도구명 소개 특징 주요기능 NetBeans 라이선스 CDDL, GPLv2 (http://trac.edgewall.org/) 통합 개발 환경(IDE : integrated development environment)으로써, 프로그래머가 프로그램을
VS 2013 Global Launch in a Box
웹사이트 서비스 Web Forms Web-pages Single-Page Apps MVC Web API SignalR 지속적인혁신 : 최소 6 개발마다릴리즈 9 월 2012 ASP.NET 4.5 VS2012 2 월 2013 ASP.NET and Web Tools 2012.2 가을 2013 VS2013 어떤 ASP.NET 기술을사용할지 미리결정 할필요없음 통합된대화창
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
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 취약점을 다른 취약점과 연계하여
소규모 비즈니스를 위한 플레이북 여기서 다룰 내용은 다음과 같습니다. 1. YouTube 소개 2. YouTube에서 비즈니스를 위한 채널 만들기 3. 눈길을 끄는 동영상 만들기 4. 고객의 액션 유도하기 5. 비즈니스에 중요한 잠재고객에게 더 많이 도달하기
소규모 비즈니스를 위한 YouTube 플레이북 YouTube에서 호소력 있는 동영상으로 고객과 소통하기 소규모 비즈니스를 위한 플레이북 여기서 다룰 내용은 다음과 같습니다. 1. YouTube 소개 2. YouTube에서 비즈니스를 위한 채널 만들기 3. 눈길을 끄는 동영상 만들기 4. 고객의 액션 유도하기 5. 비즈니스에 중요한 잠재고객에게 더 많이 도달하기
[Brochure] KOR_TunA
![[Brochure] KOR_TunA](/thumbs/95/123928128.jpg "[Brochure] KOR_TunA")
LG CNS LG CNS APM (TunA) LG CNS APM (TunA) 어플리케이션의 성능 개선을 위한 직관적이고 심플한 APM 솔루션 APM 이란? Application Performance Management 란? 사용자 관점 그리고 비즈니스 관점에서 실제 서비스되고 있는 어플리케이션의 성능 관리 체계입니다. 이를 위해서는 신속한 장애 지점 파악 /
<C1A4C3A5C0CC3538C8A32E687770>
ISSN 2288-4815 절실히 묻고 가까이 실천하는 선진 산림과학 3.0 시대를 열겠습니다! 산림정책이슈 제58호 2015. 11. 15. 바이오마커 현황과 산림치유분야에서의 활용방안 박수진 정미애 이정희 NATIONAL INSTITUTE OF FOREST SCIENCE 임업인에게는 희망을, 국민에게는 행복을 01 03 10 14 KFRI 1 바이오마커의
Microsoft PowerPoint - aj-lecture1.ppt [호환 모드]
![Microsoft PowerPoint - aj-lecture1.ppt [호환 모드]](/thumbs/101/150306943.jpg "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
쉽게 풀어쓴 C 프로그래밍
CHAPTER 13. HTML5 위치정보와드래그앤드롭 SVG SVG(Scalable Vector Graphics) 는 XML- 기반의벡터이미지포맷 웹에서벡터 - 기반의그래픽을정의하는데사용 1999 년부터 W3C 에의하여표준 SVG 의장점 SVG 그래픽은확대되거나크기가변경되어도품질이손상되지않는다. SVG 파일에서모든요소와속성은애니메이션이가능하다. SVG 이미지는어떤텍스트에디터로도생성하고편집할수있다.
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. 서비스가이드정보삭제...
C O N T E N T S 목 차 요약 Ⅰ. 동유럽의료기기시장개요 동유럽의료기기시장현황 2. 관련 EU 정책및지침 3. 시장전망 Ⅱ. 국가별의료기기시장동향 폴란드 2. 체코 3. 헝가리 4. 크로아티아 Ⅲ. 국가별유망품
Global Market Report 15-036 2015. 8. 27. 동유럽의료기기시장동향과 진출방안 C O N T E N T S 목 차 요약 Ⅰ. 동유럽의료기기시장개요 1 1 2 3 1. 동유럽의료기기시장현황 2. 관련 EU 정책및지침 3. 시장전망 Ⅱ. 국가별의료기기시장동향 5 4 12 20 35 1. 폴란드 2. 체코 3. 헝가리 4. 크로아티아 Ⅲ.
Microsoft PowerPoint App Fundamentals[Part1](1.0h).pptx
.pptx](/thumbs/104/162615421.jpg "Microsoft PowerPoint App Fundamentals[Part1](1.0h).pptx")
To be an Android Expert 문양세강원대학교 IT 대학컴퓨터학부 애플리케이션기초 애플리케이션컴포넌트 액티비티와태스크 Part 1 프로세스와쓰레드 컴포넌트생명주기 Part 2 2 Library Java (classes) aapk.apk (android package) identifiers Resource & Configuration aapk: android
BACK TO THE BASIC C++ 버그 헌팅: 버그를 예방하는 11가지 코딩 습관
Hanbit ebook Realtime 30 C++ 버그 헌팅 버그를 예방하는 11가지 코딩 습관 Safe C++ 블라디미르 쿠스퀴니르 지음 / 정원천 옮김 이 도서는 O REILLY의 Safe C++의 번역서입니다. BACK TO THE BASIC C++ 버그 헌팅 버그를 예방하는 11가지 코딩 습관 BACK TO THE BASIC C++ 버그 헌팅 버그를
슬라이드 1
삼성전자 VD 사업부유영욱선임 목차 Samsung Smart TV Smart TV App Samsung Smart TV SDK Hello TV App 만들기 Key Event 처리 Q & A Samsung Smart TV Samsung Smart TV History InfoLive (2007) Power InfoLink (2008) Internet@TV (2009)
UX410 SAP Fiori UI 개발. 과정개요 과정버전 : 02 학습시간 : 5 일
UX410 SAP Fiori UI 개발. 과정개요 과정버전 : 02 학습시간 : 5 일 SAP 저작권및상표 2018 SAP SE 및 SAP 계열사. 모든권한보유. 본발행물의어떠한부분도 SAP SE 또는 SAP 계열사의명시적허가없이는어떠한형태나목적으로도복제또는배포할수없습니다. 본문서의정보는사전예고없이변경될수있습니다. SAP SE 및그유통업자가판매하는일부소프트웨어제품에는다른소프트웨어공급업체가소유한소프트웨어구성요소가포함되어있습니다.
<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
52 l /08
Special Theme_임베디드 소프트웨어 Special Report 모바일 웹 OS 기술 현황과 표준화 동향 윤 석 찬 다음커뮤니케이션 DNALab 팀장 1. 머리말 디바이스에 애플리케이션을 배포할 수 있다. 본 고에서는 모바일 웹 OS의 현황과 임베디드 환 오늘날 인터넷에서 웹 기반 콘텐츠가 차지하는 부 경에서 채용되고 있는 최적화 기술을 살펴보고, 웹
로거 자료실
redirection 매뉴얼 ( 개발자용 ) V1.5 Copyright 2002-2014 BizSpring Inc. All Rights Reserved. 본문서에대한저작권은 비즈스프링 에있습니다. - 1 - 목차 01 HTTP 표준 redirect 사용... 3 1.1 HTTP 표준 redirect 예시... 3 1.2 redirect 현상이여러번일어날경우예시...
SOFTBASE XFRAME DEVELOPMENT GUIDE SERIES ActiveX 컴포넌트가이드 서울특별시구로구구로 3 동한신 IT 타워 1215 호 Phone Fax
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 장 : ActiveX
U.Tu System Application DW Service AGENDA 1. 개요 4. 솔루션 모음 1.1. 제안의 배경 및 목적 4.1. 고객정의 DW구축에 필요한 메타정보 생성 1.2. 제품 개요 4.2. 사전 변경 관리 1.3. 제품 특장점 4.3. 부품화형
AGENDA 1. 개요 4. 솔루션 모음 1.1. 제안의 배경 및 목적 4.1. 고객정의 DW구축에 필요한 메타정보 생성 1.2. 제품 개요 4.2. 사전 변경 관리 1.3. 제품 특장점 4.3. 부품화형 언어 변환 1.4. 기대 효과 4.4. 프로그램 Restructuring 4.5. 소스 모듈 관리 2. SeeMAGMA 적용 전략 2.1. SeeMAGMA
PowerPoint 프레젠테이션
Autodesk Software 개인용 ( 학생, 교사 ) 다운로드가이드 진동환 (donghwan.jin@autodesk.com) Manager Autodesk Education Program - Korea Autodesk Education Expert 프로그램 www.autodesk.com/educationexperts 교육전문가프로그램 글로벌한네트워크 /
17th Eco Book Festival, 환경책큰잔치 17th Eco Book Festival 새롭게읽자, 다르게살자 서울숲숲속작은도서관 Opening , 6:30pm 서울숲커뮤니티센터 1 층
환경책큰잔치 17th Eco Book Festival 15 01 17th Eco Book Festival, 환경책큰잔치 17th Eco Book Festival 새롭게읽자, 다르게살자 2018.10.11-17 서울숲숲속작은도서관 Opening 2018.10.11, 6:30pm 서울숲커뮤니티센터 1 층 4 6 7 9 11 12 44 58 61 78 82 84
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 로나누어
PowerPoint 프레젠테이션
09 장 문서객체모델 1. 문서객체모델관련용어 2. 웹페이지생성순서 3. 문서객체선택 4. 문서객체조작 5. 이벤트 문서객체와문서객체모델의개념을이해한다. 문서객체를선택하고조작할수있다. 이벤트의종류를알아보고문서객체에이벤트를연결해본다. 1 문서객체모델관련용어 문서객체모델 (DOM) Document Object Model 웹브라우저가 HTML 파일을분석하고표시하는방법
**한빛소리02,3,4월호
No.208 http://www.hanbit1.co.kr 2014. 2~4 Hanbit C/O/N/T/E/N/T/S http://www hanbit co kr http://www hanbit co kr http://www hanbit co kr http://www hanbit co kr http://www hanbit co kr http://www
. 스레드 (Thread) 란? 스레드를설명하기전에이글에서언급되는용어들에대하여알아보도록하겠습니다. - 응용프로그램 ( Application ) 사용자에게특정서비스를제공할목적으로구현된응용프로그램을말합니다. - 컴포넌트 ( component ) 어플리케이션을구성하는기능별요
. 스레드 (Thread) 란? 스레드를설명하기전에이글에서언급되는용어들에대하여알아보도록하겠습니다. - 응용프로그램 ( Application ) 사용자에게특정서비스를제공할목적으로구현된응용프로그램을말합니다. - 컴포넌트 ( component ) 어플리케이션을구성하는기능별요소로써안드로이드시스템에서는 Activities, Services, Content Providers,
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
Microsoft PowerPoint Android-SDK설치.HelloAndroid(1.0h).pptx
To be an Android Expert 문양세강원대학교 IT 대학컴퓨터학부 Eclipse (IDE) JDK Android SDK with ADT IDE: Integrated Development Environment JDK: Java Development Kit (Java SDK) ADT: Android Development Tools 2 JDK 설치 Eclipse
01Àå
01장 2009.6.26 6:48 PM 페이지1 CHAPTER 001 refine-4도 2540DPI 175LPI 1 사용 W 개요 자 경험을 성공적으로 측정하는 강력한 툴로써 유저빌리티 매트릭스가 가 지고 있는 가능성을 보여주는 것이 바로 이 책의 목적이다. 유저빌리티 매 트릭스라고 하면 대부분 복잡한 수식이나 고도의 통계 방법론, 현실과 동떨어진 리서 치를
Flex Builder 2 & 차트
FLEX 2 제품구성과 FLEX builder 2 사용법 홍성원 한국어도비시스템즈기술영업부차장 웹 2.0 이라는화두와함께어플리케이션의사용자인터페이스에대한중요성이더욱강조되고있다. 웹 2.0의대표적인성공사례로꼽히는구글 (www.google.com) 도구 글맵이나 Gmail 서비스에서드래그앤드랍같은기존웹어플리케이션에서는볼수없었던편리한인터페이스를제공함으로써다른사이트와의차별화를꾀하고있다.
4S 1차년도 평가 발표자료
모바일 S/W 프로그래밍 안드로이드개발환경설치 2012.09.05. 오병우 모바일공학과 JDK (Java Development Kit) SE (Standard Edition) 설치순서 Eclipse ADT (Android Development Tool) Plug-in Android SDK (Software Development Kit) SDK Components
PowerPoint Presentation
객체지향프로그래밍 인터페이스, 람다식, 패키지 ( 실습 ) 손시운 ssw5176@kangwon.ac.kr 예제 1. 홈네트워킹 public interface RemoteControl { public void turnon(); // 가전제품을켠다. public void turnoff(); // 가전제품을끈다. 인터페이스를구현 public class Television
View Licenses and Services (customer)
빠른 빠른 시작: 시작: 라이선스, 라이선스, 서비스 서비스 및 주문 주문 이력 이력 보기 보기 고객 가이드 Microsoft 비즈니스 센터의 라이선스, 서비스 및 혜택 섹션을 통해 라이선스, 온라인 서비스, 구매 기록 (주문 기록)을 볼 수 있습니다. 시작하려면, 비즈니스 센터에 로그인하여 상단 메뉴에서 재고를 선택한 후 내 재고 관리를 선택하십시오. 목차
PowerPoint Presentation
public class SumTest { public static void main(string a1[]) { int a, b, sum; a = Integer.parseInt(a1[0]); b = Integer.parseInt(a1[1]); sum = a + b ; // 두수를더하는부분입니다 System.out.println(" 두수의합은 " + sum +
PowerPoint 프레젠테이션
언리얼오브젝트 ( U 로시작 ~ ) 일반 C++ 오브젝트 ( F 로시작 ~ ) 언리얼오브젝트선언 언리얼헤더툴 (UHT) 메타정보 (Intermediate 폴더 ) 원본소스 (Source 폴더 ) 1. 언리얼오브젝트이름.generated.h 파일이보이지않더라도일단 include 시켜주자. 나중에생성된다. 2. UCLASS 매크로를사용해헤더툴에게이클래스가언리얼오브젝트임을알려주자.
PowerPoint 프레젠테이션
05 장 CSS3 선택자 1. 선택자개요 2. 기본선택자 3. 속성선택자 4. 후손선택자와자손선택자 5. 반응 / 상태 / 구조선택자 CSS 블록을생성할수있다. 선택자를이해하고적절한선택자를활용할수있다. 1 선택자개요 CSS3 선택자 특정한 HTML 태그를선택할때사용하는기능 선택한태그에원하는스타일이나스크립트적용가능 그림 5-1 CSS 블록 CSS 블록 style
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_
커버콘텐츠
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
SproutCore에 홀딱 반했습니다.
Created by Firejune at 2009/10/30 SproutCore에 홀딱 반했습니다. 회사에서 첨여중인 프로젝트의 시제품(prototype)에 SproutCore 자바스크립트 프레임웍을 적용한 것을 시작으로, 아주 조금씩 조금씩 작동원리를 이해해 가면서 즐거운 나날을 보내고 있습니다. 그렇게 약 2개월 정도 작업이 진행되었고 큰 그림이 머리속에
<4D F736F F F696E74202D20C1A63034B0AD202D20C7C1B7B9C0D3B8AEBDBAB3CABFCD20B9ABB9F6C6DBC0D4B7C2>
게임엔진 제 4 강프레임리스너와 OIS 입력시스템 이대현교수 한국산업기술대학교게임공학과 학습내용 프레임리스너의개념 프레임리스너를이용한엔터티의이동 OIS 입력시스템을이용한키보드입력의처리 게임루프 Initialization Game Logic Drawing N Exit? Y Finish 실제게임루프 오우거엔진의메인렌더링루프 Root::startRendering()
커알못의 커널 탐방기 이 세상의 모든 커알못을 위해서
커알못의 커널 탐방기 2015.12 이 세상의 모든 커알못을 위해서 개정 이력 버전/릴리스 0.1 작성일자 2015년 11월 30일 개요 최초 작성 0.2 2015년 12월 1일 보고서 구성 순서 변경 0.3 2015년 12월 3일 오탈자 수정 및 글자 교정 1.0 2015년 12월 7일 내용 추가 1.1 2015년 12월 10일 POC 코드 삽입 및 코드
Net Focus ipad 등장에 따른 인터넷 이용 행태 및 웹 서비스 변화 전망 Net Term 플러그인을 벗겨라 - HTML5 표준 기술 Net Trend 비지니스 관점에서의 소셜 미디어 기회와 위협 英 OFCOM, ISP의 저작권 보호 지침(안) 공개 유럽위원회, EU 2020 전략 실행계획 발표 일본 KDDI의 차세대 네트워크 전략 美 모바일 TV 시장,
<4D F736F F F696E74202D20332DC1F6B9DDC1A4BAB8BDC3BDBAC5DB>
"Seoul National University 21 세기한국의미래 서울대학교에너지자원공학과 [3] GIS 와소프트웨어 오늘의강의들여다보기 GIS 소프트웨어의구성 GIS 소프트웨어의구조및유형 상용 GIS 소프트웨어의종류 ( 시연 ) 서울시 GIS 포털 ( 시연 ) Google Earth ( 시연 )A ArcGIS 2 GIS 소프트웨어 방법 M 사람 N GIS
i4uNETWORKS_CompanyBrief_ key
세상을위한다양한아이디어 우리는디지털미디어를활용해세상의다양한아이디어를즐겁고행복한소통의고리로만드는디지털마케팅파트너아이포유네트웍스입니다 Overview Organization Business Domain Our Services SOCIAL MARKETING PACKAGE Our Services - Wsandwich Our Services - Mobile app.
본교재는수업용으로제작된게시물입니다. 영리목적으로사용할경우저작권법제 30 조항에의거법적처벌을받을수있습니다. [ 실습 ] 스위치장비초기화 1. NVRAM 에저장되어있는 'startup-config' 파일이있다면, 삭제를실시한다. SWx>enable SWx#erase sta
![본교재는수업용으로제작된게시물입니다. 영리목적으로사용할경우저작권법제 30 조항에의거법적처벌을받을수있습니다. [ 실습 ] 스위치장비초기화 1. NVRAM 에저장되어있는 'startup-config' 파일이있다면, 삭제를실시한다. SWx>enable SWx#erase sta](/thumbs/88/116915514.jpg "본교재는수업용으로제작된게시물입니다. 영리목적으로사용할경우저작권법제 30 조항에의거법적처벌을받을수있습니다. [ 실습 ] 스위치장비초기화 1. NVRAM 에저장되어있는 'startup-config' 파일이있다면, 삭제를실시한다. SWx>enable SWx#erase sta")
[ 실습 ] 스위치장비초기화 1. NVRAM 에저장되어있는 'startup-config' 파일이있다면, 삭제를실시한다. SWx>enable SWx#erase startup-config Erasing the nvram filesystem will remove all configuration files Continue? [confirm] ( 엔터 ) [OK] Erase
슬라이드 1
웹 2.0 분석보고서 Year 2006. Month 05. Day 20 Contents 1 Chapter 웹 2.0 이란무엇인가? 웹 2.0 의시작 / 웹 1.0 에서웹 2.0 으로 / 웹 2.0 의속성 / 웹 2.0 의영향 Chapter Chapter 2 3 웹 2.0 을가능케하는요소 AJAX / Tagging, Folksonomy / RSS / Ontology,
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 프로그램의
Microsoft Word - 안드로이드_개발_매뉴얼1.docx
안드로이드개발매뉴얼 2009/11/18 모비젠 TI연구소 MA연구팀허광남 kenu@mobigen.com From: http://www.android.com/goodies/ 목차 들어가며... 1 안드로이드개요... 1 안드로이드 SDK... 5 이클립스설치... 8 Hello Android 프로젝트만들기... 10 안드로이드프로젝트실행... 12 맺으며...
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 을속성별로분리하고자할경우
Microsoft PowerPoint 세션.ppt
웹프로그래밍 () 2006 년봄학기 문양세강원대학교컴퓨터과학과 세션변수 (Session Variable) (1/2) 쇼핑몰장바구니 장바구니에서는사용자가페이지를이동하더라도장바구니의구매물품리스트의내용을유지하고있어야함 PHP 에서사용하는일반적인변수는스크립트의수행이끝나면모두없어지기때문에페이지이동시변수의값을유지할수없음 이러한문제점을해결하기위해서 PHP 에서는세션 (session)