목 차 XSLT, XPath, XSL-FO 배경 XSLT 변환 / 프로세싱모델 XSLT Instruction 엘리먼트 XPath 이해 XPath 표현식 XPath 적용예 XSL-FO 이해 XSL-FO 포맷팅모델 XSL-FO Layout 체계 요약 2

Size: px
Start display at page:

Download "목 차 XSLT, XPath, XSL-FO 배경 XSLT 변환 / 프로세싱모델 XSLT Instruction 엘리먼트 XPath 이해 XPath 표현식 XPath 적용예 XSL-FO 이해 XSL-FO 포맷팅모델 XSL-FO Layout 체계 요약 2"

Transcription

1 XPath/XSLT 이해 Understanding XML Path Language and XSL Transformation 최한석 목포대학교정보공학부 / 한국지식웨어 R&D 연구소 call copyright reserved 1

2 목 차 XSLT, XPath, XSL-FO 배경 XSLT 변환 / 프로세싱모델 XSLT Instruction 엘리먼트 XPath 이해 XPath 표현식 XPath 적용예 XSL-FO 이해 XSL-FO 포맷팅모델 XSL-FO Layout 체계 요약 2

3 XSLT, XPath, XSL-FO 배경 (1) XML (extensible Markup Language) 1998 년 W3C 에서채택한 Web 표준확장된마크업언어 문서정보의인스턴스를사용자가정의한형식적규칙 (Rules) 에의해계층적으로기술 문서의구조, 내용, 표현이분리 : XML Philosophy 응용간의데이터자유로운전송및변환 XSL (XML StyleSheet Language) 1998 년및 2000 년 XSL Working Draft 발표, 수정, 보완계속 문서변환명령및포맷팅 Semantics 와 Syntax 를정의한언어 XML 문서구조변환 : XSLT XML 문서를다른문서로 Rendering : XSL-FO 최신 XML Linking 과 Style 접목시도 3

4 XSLT, XPath, XSL-FO 배경 (2) XSLT (XSL Transformation Language) XML 로인코딩된문서를다른문서모델로구조변환하는 Semantics 정의 스타일시트표현을위한 Construction Rule 제공 1999 년 11 월 XSLT V1.0 규격발표, 2001 년 2 월 V2.0 WD 발표 XPath (XML Path Language) XSLT 와 XPointer 기반의 XML 문서요소들에대한구조적인 Addressing 기법제공 Tree 형식의 XML 엘리먼트들의위치정보및 Expression 규격정의 1999 년 11 월 XPath V1.0 규격발표, 2001 년 2 월 V2.0 WD 발표 XSL-FO(XSL Formatting Objects) XSLT 를적용하여변환된 XML 문서의 Visual Layout 모델정의 XML 응용문서의표현규격제공 (Flow objects 와 Layout Objects 들로구성 ) 2000 년 11 월 XSL V1.0 규격에서정의 XML Linking & Style XLink 엘리먼트와 styling 에관한상호작용개념모델제공 최근 W3C 기술문서를사용하여응용방안제시 2001 년 6 월초 W3C Note 발표 4

5 XSLT, XPath, XSL-FO 배경 (3) Related Terms 이름공간 (Namespace) 서로다른정보소스의출처및출원지 (URI) 의 semantic 정보표현 xmlns : xsl = DTD (Document Type Definition) 정보의문서구조정의 XML-Schema XML 문서내용에대한데이터형식정의 CSS ( Cascading Style Sheet Language) HTML 에적용되는스타일시트언어 DSSSL (Document Style Semantics and Specification Language) SGML 에적용되는스타일시트언어 5

6 XSLT 변환 / 프로세싱모델 (1) XSLT 역할 서로다른애플리케이션간의데이터또는구조변환 XML 로부터필요한데이터추출 서로다른애플리케이션에서데이터합병 정보의서로다른표현 (Display, Print, Formatting) XML2HTML, XML2PDF, XML2Audio, XML2XML, XML2Others God save Our gracious Queen XSLT XSLT XML 문서 <SONG> <KEY sig= G /> <TIME Sig= 3/4 /> <STAVE> <BAR Number= 1 /> <CLEF Name= G /> <CHORD> <NOTE Pitch= b >.. </SONG> XSLT 6

7 XSLT 변환 / 프로세싱모델 (2) XSLT 변환모델 Style Sheet Source Document Source Tree Stylesheet Tree XSLT Processor Result Tree Text/HTML XML Transformation Process NON-XML 7

8 XSLT 변환 / 프로세싱모델 (3) XSLT 프로세싱모델 Display Source XML Source Node Tree (pattern) StyleSheet XSLT/XSLXML StyleSheet Node Tree (Template) Instruction Execution XSLT Engine Result Node Tree Result XSL Formatting Objects Print XSL Formatting Objects Aural XSL Formatting Objects XML Non XML HTML/ TEXT Legend Non XML CVML Source Node StyleSheet Result Node Stylesheet Instruction Node 8

9 XSLT Instruction 엘리먼트 템플릿생성및노드적용명령엘리먼트 <xsl : template match = / > <xsl : apply-templates / > 노드선택및값처리명령엘리먼트 <xsl : value-of select = / > : 노드선택후값처리 <xsl : for-each select = > : 다중선택 Match 속성의패턴지정 Root node 와일치 : <xsl : template match = / > 엘리먼트와일치 : <xsl : template match = PLANET > 특정자식과일치 : <xsl : template match = PLANET/NAME > 엘리먼트모든자손과일치 ; <xsl : template match = PLANET//NAME > 속성과일치 : <xsl : template match = MASS > <xsl : value-of select / > ID 로일치 : <xsl : template match = id( choi ) > : 함수적용 코멘트와일치 : <xsl : template match = comment ( ) > 9

10 XSLT Instruction 엘리먼트 텍스트노드일치 : <xsl : template match = text ( ) > 프로세싱명령일치 : <xsl : template match = /processing-instruction (?xml-like) > Or 연산자이용 : <xsl : template match = name mass > [ ] 연산이용 : <xsl : template match = PLANET [@COLOR = BLUE ] > Select 속성으로패턴지정 Xpath 표현식사용, XSLT 성능향상 노드선택이외에부울함수, 연산함수, 문자열, 위치, 경로선택 <xsl : template match = PLANET[not(position( ) = last ( ) )] > <xsl : value-of select =. / > </xsl : template > 기타 XSLT Instruction 엘리먼트 10

11 XSLT Instruction 엘리먼트 Top-level Instruction Elements (1) <xsl:apply-imports> <xsl:apply-templates> <xsl:attribute> <xsl:attribute-set> <xsl:call-template> <xsl:choose> <xsl:comment> <xsl:copy> <xsl:copy-of> <xsl:decimal-format> <xsl:element> <xsl:fallback> <xsl:for-each> <xsl:if> 11

12 XSLT Instruction 엘리먼트 Top-level Instruction Elements (2) <xsl:import> <xsl:include> <xsl:key> <xsl:message> <xsl:namespace-alias> <xsl:number> <xsl:otherwise> <xsl:output> <xsl:param> <xsl:preserve-space> <xsl:with-param> <xsl:processing-instruction> <xsl:sort> <xsl:strip-space> <xsl:stylesheet> <xsl:template> <xsl:text> <xsl:transform> <xsl:value-of> <xsl:variable> <xsl:when> 12

13 XSLT 적용예 XSLT 변환예제 PLANETS XML 문서 <?xml version="1.0" encoding="euc-kr"?> <?xml-stylesheet type="text/xsl" href= PLANETS.xsl"?> <PLANETS> <PLANET COLOR="RED"> <NAME>Mercury</NAME> <MASS UNITS="(Earth=1)">.0553 </MASS> <DAY UNITS="days"> </DAY> <DISTANCE UNITS="million miles"> 43.3 </DISTANCE> </PLANET> <PLANET COLOR="WHITE" > <NAME>Venus</NAME> <MASS UNITS="(Earth=1)">.815 </MASS> <DAY UNITS="days"> </DAY> <DISTANCE UNITS="million miles"> 66.8 </DISTANCE> </PLANET> </PLANETS> PLANETS.xsl XML2HTML변환 IE Viewing화면 XPath 이해 13

14 XSLT 적용예 PLANETS XSL 문서 <?xml version="1.0" encoding="ksc5601"?> <xsl:stylesheet xmlns:xsl=" version="1.0"> <xsl:template match="/" > <html> <head></head> <body> <xsl:apply-templates /> </body> </html> </xsl:template> <xsl:template match="planet" > <ul> <li><h2><xsl:value-of select="name" /></h2></li> <li><h3><xsl:apply-templates /></h3></li> </ul> </xsl:template> <xsl:template <xsl:value-of select="." /> <br /> </xsl:template> </xsl:stylesheet> XML2HTML 변환 IE Viewing화면 PLANETS.xml XPath 이해 14

15 XSLT 적용예 XML2HTML 변환 <html> <head></head> <body> <ul> <li><h2> Venus </h2></li> <li><h3> (Earth=1) </h3> <h3> days </h3> <h3> million miles </h3> </li> </ul> </body> <html> IE Viewing 화면 PLANETS.xml PLANETS.xsl XPath 이해 15

16 XSLT 적용예 XML2HTML 변환 PLANETS.xml PLANETS.xsl XML2HTML 변환 XPath 이해 16

17 XPath 이해 (1) XPath 배경 XSLT 의 Sub Language 로서역할정의 XSLT 수식문법및 XPointer 사이의중복성문제해결 XSLT 노드선택에필요한절대경로및상대경로지정 XPath 는수식연산, 부울처리, 스트링처리함수제공 1999 년 V 년 6 월, V2.0 WD 발표 XPath 이해 XPath 는 node 집합의위치경로표시 XPath 데이터모델 : 축 (Axis) + 노드테스트 + 술어 (Predicates Expression) <xsl : value-of select = child :: NAME [position ( ) = 5] > 다른예 <xsl : value-of select = sum(//book/@price) div count (//book) / > <xsl : value-of > :XSLT 명령어, select 된엘리먼트의 value 를문서에 writing. sum ( ) : book 요소들의 price 속성값의합. count ( ) : book 요소들의갯수 div : 나누기연산자 17

18 XPath 표현식 XPath 노드테스트 Node 의이름사용, *(wild card) 사용 함수사용 : comment ( ), node ( ), text ( ), processing-instruction ( ) XPath 노드집합 노드엘리먼트이름사용 노드동작함수 : last( ), position( ), count(node-set), id(string), local-name(node-set), namespace-uri(node-set), name(node-set) XPath 부울식 ;!=, <, <=, =, >, >= XPath 수식 : +, -, *, div, mod, celiling( ), floor( ), round( ), sum( ) XPath 문자열 ; starts-with(st1, st2), substring(st1, offset, length),concat(st1, st2) 18

19 XPath 표현식 기타함수 boolean() ceiling() concat() contraints() count() current() document() element-available() false() floor() format-number() function-available() generate-id() last() local-name() name() namespace-uri() normalize-space() not() number() position() round() starts-with() string() string-length() unparsed-entity-uri() system-property() substring-before() substring-after() substring() sum() translate() true() id() key() lang() 19

20 XPath 표현식 XPath 경로축 AxisName : self, ancestor, ancestor-or-self, attribute, child, descendant, descendant-or-self, following, following-sibling, namespace, preceding-sibling Axis specifier : :: Location path : /( 절대경로루트 ), //( 상대경로, 현재노드및자손 ),.( 노드자신 ),..( 현재노드의부모 ) Preceding Ancestor-or-self Ancestor Following Ancestor Preceding Parent Following Preceding-sibling Self Follwing-sibling Child Descendant Child Descendant Descendant-or-self 20

21 XPath 적용예 PLANETS XSL 문서 <?xml version="1.0" encoding="ksc5601"?> <xsl:stylesheet xmlns:xsl=" version="1.0"> <xsl:template match="/" > <html> <head></head> <body> <xsl:apply-templates select="planets/planet[not(position()=last())]" /> </body> </html> </xsl:template> <xsl:template match="planet" > <ul> <li><h2><xsl:value-of select="child::name" /></h2></li> <li><h3>mass+day : <xsl:value-of select="mass+day" /></h3></li> </ul> </xsl:template> </xsl:template> </xsl:stylesheet> XML2HTML, IE Viewing XSL-FO 이해 21

22 XPath 적용예 XML2HTML IE Viewing <html> <head></head> <body> <ul> <li><h2> Mercury</h2></li> <li><h3>mass+day: </h3> </li> </ul> </body> <html> PALENTS.xsl XSL-FO 이해 22

23 XSL-FO 이해 XSL-FO 기본개념 포맷팅객체관련 NameSpace XSL-FO 는 XSLT tree 변환후, 문서의 paging, layout, formatting 정보부여 XSLT 에서생성된 Result tree 로부터포맷팅을위한 Area Tree 모델생성 56 개의 formatting objects 및 177 개의포맷팅특성사용 FO 는 block level(vertical) 과 inline level(horizonal) 로구분 XSLT 프로세서적용후 FOP 프로세서를통해특성문서포맷을변환 현재활용가능 FOP 는 Arpache XML2PDF FOP XML2PDF 변환과정 XML Source Tree XSL XML Tree XSLT XSLT Processor Result Applying FO Tree FOP FO2PDF PDF Results Document 23

24 XSL-FO 포맷팅모델 Pagination 및 Layout 구성모델 XSL-FO 포맷팅모델 CSS 포맷팅모델 Region-start Regionbefore Margin-top Region-body Margin(transparent) border padding Margin-left Marginright Page-height content Page-width Margin-bottom Region-after Region-end Element width Box width 24

25 XSL FO 트리체계 Pagination 및 Layout FO 트리체계 fo:root fo:layout-master-set fo:declaration fo:page-sequence fo:color-profile fo:simplepage-master fo:pagesequence-master fo:title fo:flow fo:static-content 25

26 XSL FO 트리체계 Pagination 및 Layout FO 명령어 fo:layout-master-set 페이지의 Layout 과 Sequencing 을정의한다. fo:page-master 페이지구분및그영역을기술한다. fo:page-sequence-master Page-master 의절차를나타낸다. Child Object : region-body, region-before, region-after, region-start, resion-end 참고 : column-count fo:page-sequence Page-master, page-sequence-master 를참조하여페이지내용을나타낸다. fo:static-content Header/footer 와같이고정된내용을복수페이지에반복적용한다. fo:flow 하위의 Block-Level FO 를통해내용을나타낸다. 26

27 XSL FO 트리체계 Table FO Tree 체계 fo:table-column : Column 의 width, align 등의속성을지정한다. 27

28 XSL FO 트리체계 List FO 구성 28

29 XSL FO 트리체계 List FO Tree 체계 29

30 XSL FO 트리체계 Multi FO 체계 기타 FO 정보 #prtab2 30

31 FO 작업예 주요 FO 작업엘리먼트 Fo : root : FO 작업시작, 최상노드생성 Fo : layout-master-set : 마스터셋설계 Fo : simple-page-master : 페이지마스터사용 Fo : region-* : 영역생성 Fo : page-sequence : 페이지역속생성 Fo : flow : Fo 흐름생성 Fo : static-content : 정적자료생성 Fo : block : 블록레벨자료생성 Fo : inline : 인라인포맷팅객체 Fo : table : 테이블생성객체 31

32 FO 작업예 FO 적용예 <kietm> <chapter> <chapter-title>employment</chapter-title> <section1 id="sect-310"> <sec1-title>organization</sec1-title> <section2 id="sect-320"> <sec2-title>atkhb.</sec2-title> <para> XML <text>the atkhb is task-organized according to the factors of mett-t. as the situation dictates, the aviation brigade commander can organize the atkhb with other assets to form tfs to better perform specific missions.</text> </para> <?xml version="1.0" encoding="euc-kr"?> <xsl:stylesheet xmlns:xsl= xmlns:fo=" result-ns="fo"><xsl:template match="/"> <fo:layout-master-set> XSL <fo:simple-page-master page-mastername="pagemaster-all-pages" height="29.7cm" width="21cm" margin-top="1cm" marginbottom="2cm" margin-left="2.5cm" marginright="2.5cm"> <fo:region-body margin-top="1cm" marginbottom="1cm" column-gap="0.25in" border="thin dotted black" padding="6pt" columncount="1"/></fo:simple-page-master></fo:layoutmaster-set> 32

33 FO 작업예 XSL-FO <?xml version="1.0" encoding="utf-8"?> <fo:root xmlns:fo=" mat"> <fo:layout-master-set> <fo:simple-page-master page-mastername="pagemaster-all-pages" height="29.7cm" width="21cm" margintop="1cm" margin-bottom="2cm" marginleft="2.5cm" margin-right="2.5cm"> <fo:region-body margin-top="1cm" marginbottom="1cm" column-gap="0.25in" border="thin dotted black" padding="6pt" column-count="1" /> </fo:simple-page-master></fo:layout-masterset> <fo:page-sequence> <fo:sequence-specification> PDF 화일 33

34 XSL FO 프로세서 XSL - FO 프로세서 FOP 현재제안된 XSL 프로세서, Apache XML 프로젝트에적용, XML문서를 PDF로포맷팅 현재지원하는 Formatting Property passivetex - 장점 개발이용이하고안정적이다. 폰트, 그래픽등을무상으로사용할수있다. 수식처리가뛰어나다. 고품질의 PDF 파일을생성할수있다. - 단점 XSL FO가 TeX Page Markup Mode에맞추어야한다. TeX macro 사용이모호하고어렵다. 크고강건해서다른프로그램에내장되기어렵다. PDF 변환에적용하기에는시스템이너무크다 34

35 요 약 XSLT XML 문서의구조변환, 템플릿활용 XML Stylesheet Language XPATH XML 노드의위치경로선택및 Predicate Expression 제공 SQL-like XML 데이터처리성능향상 XSL-FO XML 문서의포맷팅객체제공, XML2PDF, XML2WML 등다양한문서변환 XSL 의 2 단계활용 연락처 chs@kware21.com Tel : Homepage :

PowerPoint 프레젠테이션

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

More information

한국학 온라인 디지털 자원 소개

한국학 온라인 디지털 자원 소개 XSL 의이해 김현한국학중앙연구원인문정보학교실 hyeon@aks.ac.kr 이저작물 (PPT) 의인용표시방법 : 김현, XSL 의이해, 전자문서와하이퍼텍스트 수업자료 (2018) 1. XSL 이란? 2. XSL Elements 3. XSL 에의한문서표현 1. XSL이란? XSL 관련개념 XSL (extensible Stylesheet Language) 문서의스타일을정의하기위한언어

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 How to construct XSL and/or CSS for style sheet of XML files based on the data type definition 조윤상 ( 과편협기획운영위원 ) 1 Table of Contents 1. XML, XSL and CSS? 2. What is XSL? XSLT? XPath? XSL-FO? 3. What is

More information

Orcad Capture 9.x

Orcad Capture 9.x OrCAD Capture Workbook (Ver 10.xx) 0 Capture 1 2 3 Capture for window 4.opj ( OrCAD Project file) Design file Programe link file..dsn (OrCAD Design file) Design file..olb (OrCAD Library file) file..upd

More information

예제로 배우는 xslt

예제로 배우는 xslt XML. Meta-Language, XML. XML SGML XML, -, -.,, XML DTD ( ). DTD, DTD. XSLT(Extensible Stylesheet Language Transformation). (Specify).. XSLT XML W3C.,. SGML Tool. XSLT. XML. 16, XSLT,. XSLT XML. XSLT XSLT,.

More information

Week8-Extra

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

More information

한국학 온라인 디지털 자원 소개

한국학 온라인 디지털 자원 소개 XML 의이해 김현한국학중앙연구원인문정보학교실 hyeon@aks.ac.kr 이저작물 (PPT) 의인용표시방법 : 김현, XML 의이해, 전자문서와하이퍼텍스트 수업자료 (2018) 1. XML 발전의역사 2. XML 의특징 3. Namespace 의활용 1. XML 발전의역사 ARTANET XML이란? XML 이란? XML: extensible Markup Language

More information

untitled

untitled : 2009 00 00 : IMS - 1.0 : IPR. IMS,.,. IMS IMS IMS 1). Copyright IMS Global Learning Consortium 2007. All Rights Reserved., IMS Korea ( ). IMS,. IMS,., IMS IMS., IMS.,., 3. Copyright 2007 by IMS Global

More information

쉽게 풀어쓴 C 프로그래밍

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

More information

DocsPin_Korean.pages

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

More information

Overall Process

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

More information

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

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

More information

슬라이드 1

슬라이드 1 Pairwise Tool & Pairwise Test NuSRS 200511305 김성규 200511306 김성훈 200614164 김효석 200611124 유성배 200518036 곡진화 2 PICT Pairwise Tool - PICT Microsoft 의 Command-line 기반의 Free Software www.pairwise.org 에서다운로드후설치

More information

(Microsoft PowerPoint - JATSXML2PDF_\301\266\300\261\273\363.pptx)

(Microsoft PowerPoint - JATSXML2PDF_\301\266\300\261\273\363.pptx) JATS to PDF 와구성요소 엠투커뮤니티조윤상 Table of Contents 1. JATS XML to Conversion 2. JATS to PDF 장단점, 발간프로세스 3. 구성요소및생성프로세스 4. 해외, 국내출판사사례분석및편집인요구조건 5. Table 구조및 Figure 해상도 2 Korean Council of Science Editors: 편집인워크숍

More information

thesis

thesis ( Design and Implementation of a Generalized Management Information Repository Service for Network and System Management ) ssp@nile nile.postech.ac..ac.kr DPE Lab. 1997 12 16 GMIRS GMIRS GMIRS prototype

More information

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

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

More information

PowerPoint 프레젠테이션

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

More information

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

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

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

More information

Javascript.pages

Javascript.pages JQuery jquery part1 JavaScript : e-mail:leseraphina@naver.com http://www.webhard.co.kr I.? 2 ......,,. : : html5 ; ; .

More information

untitled

untitled (shared) (integrated) (stored) (operational) (data) : (DBMS) :, (database) :DBMS File & Database - : - : ( : ) - : - : - :, - DB - - -DBMScatalog meta-data -DBMS -DBMS - -DBMS concurrency control E-R,

More information

歯튜토리얼-이헌중.PDF

歯튜토리얼-이헌중.PDF leehj@nca nca.or..or.kr 1 : 2 : / 3 : 4 : 5 : 6 : 2 1 : 1.? 2. 3. 4. 5. 3 1.? " MOU (ISO, IEC, ITU, UN/ECE) Electronic Business A generic term covering information definition and exchange requirements

More information

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

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

More information

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

PowerPoint 프레젠테이션

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

More information

PowerPoint Presentation

PowerPoint Presentation FORENSICINSIGHT SEMINAR SQLite Recovery zurum herosdfrc@google.co.kr Contents 1. SQLite! 2. SQLite 구조 3. 레코드의삭제 4. 삭제된영역추적 5. 레코드복원기법 forensicinsight.org Page 2 / 22 SQLite! - What is.. - and why? forensicinsight.org

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

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

PowerPoint 프레젠테이션

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

More information

chap 5: Trees

chap 5: Trees 5. Threaded Binary Tree 기본개념 n 개의노드를갖는이진트리에는 2n 개의링크가존재 2n 개의링크중에 n + 1 개의링크값은 null Null 링크를다른노드에대한포인터로대체 Threads Thread 의이용 ptr left_child = NULL 일경우, ptr left_child 를 ptr 의 inorder predecessor 를가리키도록변경

More information

Microsoft PowerPoint 세션.ppt

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

More information

example code are examined in this stage The low pressure pressurizer reactor trip module of the Plant Protection System was programmed as subject for

example code are examined in this stage The low pressure pressurizer reactor trip module of the Plant Protection System was programmed as subject for 2003 Development of the Software Generation Method using Model Driven Software Engineering Tool,,,,, Hoon-Seon Chang, Jae-Cheon Jung, Jae-Hack Kim Hee-Hwan Han, Do-Yeon Kim, Young-Woo Chang Wang Sik, Moon

More information

쉽게 풀어쓴 C 프로그래밍

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

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

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

XML

XML 블로그 : http://blog.naver.com/jyeom15 홈페이지 : http://www.iwebnote.com/~jinyoung 엄짂영 이저작물은참고문헌을토대로 엄짂영 이재가공하였습니다. 내용의읷부는참고문헌의저작권자에게있음을명시합니다. 이저작물의읶용이나배포시이점을명시하여저작권침해에따른불이익이없도록하기시바랍니다. 위사항을명시하는핚자유롭게배포하실수있습니다.

More information

3 S Q L A n t i p a t t e r n s Trees/intro/parent.sql CREATE TABLE Comments ( comment_id SERIAL PRIMARY KEY, parent_id BIGINT UNSIGNED, comment TEXT

3 S Q L A n t i p a t t e r n s Trees/intro/parent.sql CREATE TABLE Comments ( comment_id SERIAL PRIMARY KEY, parent_id BIGINT UNSIGNED, comment TEXT 3 S Q L A n t i p a t t e r n s Trees/intro/parent.sql CREATE TABLE Comments ( comment_id SERIAL PRIMARY KEY, parent_id BIGINT UNSIGNED, comment TEXT NOT NULL, FOREIGN KEY (parent_id) REFERENCES Comments(comment_id)

More information

DIY 챗봇 - LangCon

DIY 챗봇 - LangCon without Chatbot Builder & Deep Learning bage79@gmail.com Chatbot Builder (=Dialogue Manager),. We need different chatbot builders for various chatbot services. Chatbot builders can t call some external

More information

I T C o t e n s P r o v i d e r h t t p : / / w w w. h a n b i t b o o k. c o. k r

I T C o t e n s P r o v i d e r h t t p : / / w w w. h a n b i t b o o k. c o. k r I T C o t e n s P r o v i d e r h t t p : / / w w w. h a n b i t b o o k. c o. k r I T C o t e n s P r o v i d e r h t t p : / / w w w. h a n b i t b o o k. c o. k r Jakarta is a Project of the Apache

More information

untitled

untitled PowerBuilder 連 Microsoft SQL Server database PB10.0 PB9.0 若 Microsoft SQL Server 料 database Profile MSS 料 (Microsoft SQL Server database interface) 行了 PB10.0 了 Sybase 不 Microsoft 料 了 SQL Server 料 PB10.0

More information

What Is CSS? Stands for Cascading Style Sheets. Is a simple mechanism for adding style (e.g. fonts, colors, spacing) to Web documents. Styles define h

What Is CSS? Stands for Cascading Style Sheets. Is a simple mechanism for adding style (e.g. fonts, colors, spacing) to Web documents. Styles define h What is CSS? Bok, Jong Soon jongsoon.bok@gmail.com www.javaexpert.co.kr What Is CSS? Stands for Cascading Style Sheets. Is a simple mechanism for adding style (e.g. fonts, colors, spacing) to Web documents.

More information

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

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

More information

DataBinding

DataBinding DataBinding lifeisforu@naver.com 최도경 이문서는 MSDN 의내용에대한요약을중심으로작성되었습니다. Data Binding Overview. Markup Extensions and WPF XAML. What Is Data Binding UI 와 business logic 사이의연결을설정하는 process 이다. Binding 이올바르게설정되면

More information

snmpgw1217

snmpgw1217 2001. 12. 17 infobank@postech.ac.kr SNMP SNMP SNMP Agent, XML XML HTTP/XML XML XML manager SNMP agent SNMP agent SNMP(Simple Network Management Protocol) Manager / Agent : Protocol : SMI(Structure of Management

More information

chap 5: Trees

chap 5: Trees Chapter 5. TREES 목차 1. Introduction 2. 이진트리 (Binary Trees) 3. 이진트리의순회 (Binary Tree Traversals) 4. 이진트리의추가연산 5. 스레드이진트리 (Threaded Binary Trees) 6. 히프 (Heaps) 7. 이진탐색트리 (Binary Search Trees) 8. 선택트리 (Selection

More information

NATE CP 가이드 1. WML 페이지에서줄바꿈문제 개요 WML 페이지에서줄바꿈은명시적으로 <br/> 태그를사용하여야한다. 설명그림 2 의의도로제작된페이지에서 Card Styles 텍스트와 Select 박스사이에명시적인 <br/> 태그가없어, 그림 1 과같이줄바꿈이되

NATE CP 가이드 1. WML 페이지에서줄바꿈문제 개요 WML 페이지에서줄바꿈은명시적으로 <br/> 태그를사용하여야한다. 설명그림 2 의의도로제작된페이지에서 Card Styles 텍스트와 Select 박스사이에명시적인 <br/> 태그가없어, 그림 1 과같이줄바꿈이되 NATE CP 가이드 1. WML 페이지에서줄바꿈문제 WML 페이지에서줄바꿈은명시적으로 태그를사용하여야한다. 그림 2 의의도로제작된페이지에서 Card Styles 텍스트와 Select 박스사이에명시적인 태그가없어, 그림 1 과같이줄바꿈이되지않고한줄로보여짐. [ 그림 1] 비정상 [ 그림 2] 정상

More information

Building Mobile AR Web Applications in HTML5 - Google IO 2012

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

More information

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

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

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

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

28 THE ASIAN JOURNAL OF TEX [2] ko.tex [5]

28 THE ASIAN JOURNAL OF TEX [2] ko.tex [5] The Asian Journal of TEX, Volume 3, No. 1, June 2009 Article revision 2009/5/7 KTS THE KOREAN TEX SOCIETY SINCE 2007 2008 ko.tex Installing TEX Live 2008 and ko.tex under Ubuntu Linux Kihwang Lee * kihwang.lee@ktug.or.kr

More information

Front-Side 웹개발의이해 (CSS Basic) 1. CSS 란?

Front-Side 웹개발의이해 (CSS Basic) 1. CSS 란? CSS Basic 과정소개 과정목표 : CSS 의기본개념이해 1. CSS 란? 2. CSS 선택자 3. CSS 속성 1 Front-Side 웹개발의이해 (CSS Basic) 1. CSS 란? 1. CSS 란? - 스타일선언이위에서아래로순차적으로적용이되고, 마지막에선언된스타일이우선순위갖음 - 마크업언어 (HTML/XHTML) 가실제화면에표시되는방법을기술하는언어

More information

Microsoft PowerPoint - 27.pptx

Microsoft PowerPoint - 27.pptx 이산수학 () n-항관계 (n-ary Relations) 2011년봄학기 강원대학교컴퓨터과학전공문양세 n-ary Relations (n-항관계 ) An n-ary relation R on sets A 1,,A n, written R:A 1,,A n, is a subset R A 1 A n. (A 1,,A n 에대한 n- 항관계 R 은 A 1 A n 의부분집합이다.)

More information

<C0CCBCBCBFB52DC1A4B4EBBFF82DBCAEBBE7B3EDB9AE2D313939392D382E687770>

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

More information

슬라이드 1

슬라이드 1 웹프로그래밍 HTML, 자바스크립트, ASP 를중심으로 제 3 장고급 HTML 작성 목차 제 3 장고급 HTML 작성 2.1 기본태그 2.2 LINK 태그 2.3 Image 2.4 TABLE 2.5 FRAME 2.6 INPUT 양식 2 3 장고급 HTML 작성 멀티미디어파일다루기 스타일시트 레이어 3 3.1 멀티미디어 최근인터넷사용자가급증하면서기업 / 개인용홈페이지가급증하였고다양한홈페이지를만들기위해많은기술들이생겨나고있음

More information

Observational Determinism for Concurrent Program Security

Observational Determinism for  Concurrent Program Security 웹응용프로그램보안취약성 분석기구현 소프트웨어무결점센터 Workshop 2010. 8. 25 한국항공대학교, 안준선 1 소개 관련연구 Outline Input Validation Vulnerability 연구내용 Abstract Domain for Input Validation Implementation of Vulnerability Analyzer 기존연구

More information

e-비즈니스 전략 수립

e-비즈니스 전략 수립 CSS3 속성 HTML5 웹프로그래밍입문 ( 개정판 ) Contents 학습목표 CSS3가지원하는스타일속성과스타일값을활용할수있습니다. CSS3를사용해레이아웃을잡을수있습니다. 내용 CSS3 단위 박스속성 display 속성 배경속성 글자속성 위치속성 float 속성 그림자속성 그레이디언트 2/85 1. CSS3 단위 키워드단위 W3C에서미리정의한단어 키워드를입력하면키워드에해당하는스타일이자동으로적용

More information

UNIST_교원 홈페이지 관리자_Manual_V1.0

UNIST_교원 홈페이지 관리자_Manual_V1.0 Manual created by metapresso V 1.0 3Fl, Dongin Bldg, 246-3 Nonhyun-dong, Kangnam-gu, Seoul, Korea, 135-889 Tel: (02)518-7770 / Fax: (02)547-7739 / Mail: contact@metabrain.com / http://www.metabrain.com

More information

Remote UI Guide

Remote UI Guide Remote UI KOR Remote UI Remote UI PDF Adobe Reader/Adobe Acrobat Reader. Adobe Reader/Adobe Acrobat Reader Adobe Systems Incorporated.. Canon. Remote UI GIF Adobe Systems Incorporated Photoshop. ..........................................................

More information

PART 1 CHAPTER 1 Chapter 1 Note 4 Part 1 5 Chapter 1 AcctNum = Table ("Customer").Cells("AccountNumber") AcctNum = Customer.AccountNumber Note 6 RecordSet RecordSet Part 1 Note 7 Chapter 1 01:

More information

정보기술응용학회 발표

정보기술응용학회 발표 , hsh@bhknuackr, trademark21@koreacom 1370, +82-53-950-5440 - 476 - :,, VOC,, CBML - Abstract -,, VOC VOC VOC - 477 - - 478 - Cost- Center [2] VOC VOC, ( ) VOC - 479 - IT [7] Knowledge / Information Management

More information

SK Telecom Platform NATE

SK Telecom Platform NATE SK Telecom Platform NATE SK TELECOM NATE Browser VER 2.6 This Document is copyrighted by SK Telecom and may not be reproduced without permission SK Building, SeRinDong-99, JoongRoGu, 110-110, Seoul, Korea

More information

PowerPoint 프레젠테이션

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

More information

TP_jsp7.PDF

TP_jsp7.PDF (1) /WEB_INF.tld /WEB_INF/lib (2) /WEB_INF/web.xml (3) http://{tag library }/taglibs/{library} /web_inf/{

More information

Database Search 편 * Database Explorer 8개의카테고리로구성되어있으며, 데이터베이스의폴더역할을하는 subset ( 혹은 subbase) 을생성하여데이터를조직및관리하게된다. 클릭! DNA/RNA Molecules : feature map의데이터

Database Search 편 * Database Explorer 8개의카테고리로구성되어있으며, 데이터베이스의폴더역할을하는 subset ( 혹은 subbase) 을생성하여데이터를조직및관리하게된다. 클릭! DNA/RNA Molecules : feature map의데이터 Database Search 편 * Database Explorer 8개의카테고리로구성되어있으며, 데이터베이스의폴더역할을하는 subset ( 혹은 subbase) 을생성하여데이터를조직및관리하게된다. 클릭! DNA/RNA Molecules : feature map의데이터정보를 annotation하고, 다른소스로부터가져온데이터를 VectorNTI 내부포맷으로저장시킨다.

More information

Microsoft PowerPoint - web-part03-ch19-node.js기본.pptx

Microsoft PowerPoint - web-part03-ch19-node.js기본.pptx 과목명: 웹프로그래밍응용 교재: 모던웹을 위한 JavaScript Jquery 입문, 한빛미디어 Part3. Ajax Ch19. node.js 기본 2014년 1학기 Professor Seung-Hoon Choi 19 node.js 기본 이 책에서는 서버 구현 시 node.js 를 사용함 자바스크립트로 서버를 개발 다른서버구현기술 ASP.NET, ASP.NET

More information

Dialog Box 실행파일을 Web에 포함시키는 방법

Dialog Box 실행파일을 Web에 포함시키는 방법 DialogBox Web 1 Dialog Box Web 1 MFC ActiveX ControlWizard workspace 2 insert, ID 3 class 4 CDialogCtrl Class 5 classwizard OnCreate Create 6 ActiveX OCX 7 html 1 MFC ActiveX ControlWizard workspace New

More information

Modern Javascript

Modern Javascript ES6 - Arrow Function Class Template String Destructuring Default, Rest, Spread let, const for..of Promises Module System Map, Set * Generator * Symbol * * https://babeljs.io/ Babel is a JavaScript compiler.

More information

C H A P T E R 2

C H A P T E R 2 C H A P T E R 2 Foundations of Ajax Chapter 2 1 32 var xmlhttp; function createxmlhttprequest() { if(window.activexobject) { xmlhttp = new ActiveXObject( Micr else if(window.xmlhttprequest) { xmlhttp =

More information

Microsoft PowerPoint - hci2-lecture12 [호환 모드]

Microsoft PowerPoint - hci2-lecture12 [호환 모드] Serialization C# Serialization 321190 2012 년가을학기 11/28/2012 박경신 Serializaiton( 직렬화 ) 란객체상태를지속시키거나전송할수있는형식으로변환하는과정으로, Serialization 반대로다시객체로변환하는것을 Deserialization 임 Serialization i 을사용하는이유 객체의상태를저장소에보존했다가나중에똑같은복사본을다시만들기위하거나,

More information

예스폼 프리미엄 템플릿

예스폼 프리미엄 템플릿 HTML 과 CSS 를활용한개별디자인 D4 강사김준일 01. HTML, CSS 그리고메이크샵 1 2 쇼핑몰의구조와기능 이미지, 문구등내용을 담당하는언어 쇼핑몰 쇼핑몰이어떻게보여질지 표현 ( 디자인 ) 을담당하는언어 3 4 쇼핑몰의 UI 및배너등을 표현하며유효성검사등을 담당하는개발언어 쇼핑몰의핵심기능을담당하는 쇼핑몰프로그램으로 HTML,CSS,Javascript

More information

step 1-1

step 1-1 Written by Dr. In Ku Kim-Marshall STEP BY STEP Korean 1 through 15 Action Verbs Table of Contents Unit 1 The Korean Alphabet, hangeul Unit 2 Korean Sentences with 15 Action Verbs Introduction Review Exercises

More information

CD-RW_Advanced.PDF

CD-RW_Advanced.PDF HP CD-Writer Program User Guide - - Ver. 2.0 HP CD-RW Adaptec Easy CD Creator Copier, Direct CD. HP CD-RW,. Easy CD Creator 3.5C, Direct CD 3.0., HP. HP CD-RW TEAM ( 02-3270-0803 ) < > 1. CD...3 CD...5

More information

untitled

untitled Push... 2 Push... 4 Push... 5 Push... 13 Push... 15 1 FORCS Co., LTD A Leader of Enterprise e-business Solution Push (Daemon ), Push Push Observer. Push., Observer. Session. Thread Thread. Observer ID.

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

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

Microsoft PowerPoint - ch09 - 연결형리스트, Stack, Queue와 응용 pm0100

Microsoft PowerPoint - ch09 - 연결형리스트, Stack, Queue와 응용 pm0100 2015-1 프로그래밍언어 9. 연결형리스트, Stack, Queue 2015 년 5 월 4 일 교수김영탁 영남대학교공과대학정보통신공학과 (Tel : +82-53-810-2497; Fax : +82-53-810-4742 http://antl.yu.ac.kr/; E-mail : ytkim@yu.ac.kr) 연결리스트 (Linked List) 연결리스트연산 Stack

More information

adfasdfasfdasfasfadf

adfasdfasfdasfasfadf C 4.5 Source code Pt.3 ISL / 강한솔 2019-04-10 Index Tree structure Build.h Tree.h St-thresh.h 2 Tree structure *Concpets : Node, Branch, Leaf, Subtree, Attribute, Attribute Value, Class Play, Don't Play.

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

쉽게 풀어쓴 C 프로그래밍

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

More information

초보자를 위한 ADO 21일 완성

초보자를 위한 ADO 21일 완성 ADO 21, 21 Sams Teach Yourself ADO 2.5 in 21 Days., 21., 2 1 ADO., ADO.? ADO 21 (VB, VBA, VB ), ADO. 3 (Week). 1, 2, COM+ 3.. HTML,. 3 (week), ADO. 24 1 - ADO OLE DB SQL, UDA(Universal Data Access) ADO.,,

More information

Intra_DW_Ch4.PDF

Intra_DW_Ch4.PDF The Intranet Data Warehouse Richard Tanler Ch4 : Online Analytic Processing: From Data To Information 2000. 4. 14 All rights reserved OLAP OLAP OLAP OLAP OLAP OLAP is a label, rather than a technology

More information

The_IDA_Pro_Book

The_IDA_Pro_Book The IDA Pro Book Hacking Group OVERTIME force (forceteam01@gmail.com) GETTING STARTED WITH IDA IDA New : Go : IDA Previous : IDA File File -> Open Processor type : Loading Segment and Loading Offset x86

More information

PowerPoint 프레젠테이션

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

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

XML DTD

XML DTD XML DOM (Document Object Model) 2017. 9. 27 Content XML 문서처리 DOM 개요 DOM Tree DOM Core Interfaces Node Document Element Attr DOM 사용예 1 XML 문서처리 XML 문서처리과정 XML Parser 2 XML 문서처리 XML Parsing XML 문서를읽고해석하여구성요소,

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

쉽게 풀어쓴 C 프로그래밍

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

More information

4. #include <stdio.h> #include <stdlib.h> int main() { functiona(); } void functiona() { printf("hihi\n"); } warning: conflicting types for functiona

4. #include <stdio.h> #include <stdlib.h> int main() { functiona(); } void functiona() { printf(hihi\n); } warning: conflicting types for functiona 이름 : 학번 : A. True or False: 각각항목마다 True 인지 False 인지적으세요. 1. (Python:) randint 함수를사용하려면, random 모듈을 import 해야한다. 2. (Python:) '' (single quote) 는한글자를표현할때, (double quote) 는문자열을표현할때사용한다. B. 다음에러를수정하는방법을적으세요.

More information

Deok9_Exploit Technique

Deok9_Exploit Technique Exploit Technique CodeEngn Co-Administrator!!! and Team Sur3x5F Member Nick : Deok9 E-mail : DDeok9@gmail.com HomePage : http://deok9.sur3x5f.org Twitter :@DDeok9 > 1. Shell Code 2. Security

More information

(2) : :, α. α (3)., (3). α α (4) (4). (3). (1) (2) Antoine. (5) (6) 80, α =181.08kPa, =47.38kPa.. Figure 1.

(2) : :, α. α (3)., (3). α α (4) (4). (3). (1) (2) Antoine. (5) (6) 80, α =181.08kPa, =47.38kPa.. Figure 1. Continuous Distillation Column Design Jungho Cho Department of chemical engineering, Dongyang university 1. ( ).... 2. McCabe-Thiele Method K-value. (1) : :, K-value. (2) : :, α. α (3)., (3). α α (4) (4).

More information

OCaml

OCaml OCaml 2009.. (khheo@ropas.snu.ac.kr) 1 ML 2 ML OCaml INRIA, France SML Bell lab. & Princeton, USA nml SNU/KAIST, KOREA 3 4 (let) (* ex1.ml *) let a = 10 let add x y = x + y (* ex2.ml *) let sumofsquare

More information

2011년 10월 초판 c 2011 Sony Corporation. All rights reserved. 서면 허가 없이 전체 또는 일부를 복제하는 것을 금합니다. 기능 및 규격은 통보 없이 변경될 수 있습니다. Sony와 Sony 로고는 Sony의 상표입니다. G L

2011년 10월 초판 c 2011 Sony Corporation. All rights reserved. 서면 허가 없이 전체 또는 일부를 복제하는 것을 금합니다. 기능 및 규격은 통보 없이 변경될 수 있습니다. Sony와 Sony 로고는 Sony의 상표입니다. G L HXR-NX3D1용 3D 워크플로 가이드북 2011년 10월 초판 c 2011 Sony Corporation. All rights reserved. 서면 허가 없이 전체 또는 일부를 복제하는 것을 금합니다. 기능 및 규격은 통보 없이 변경될 수 있습니다. Sony와 Sony 로고는 Sony의 상표입니다. G Lens, Exmor, InfoLITHIUM, Memory

More information

리포트_23.PDF

리포트_23.PDF Working Paper No 23 e-business Integrator From Strategy to Technology To remove the gap between e-biz strategy and implementation (eeyus@e-bizgroupcom) Creative Design 2001 04 24 e-business Integrator

More information

ilist.add(new Integer(1))과 같이 사용하지 않고 ilist.add(1)과 같이 사용한 것은 자바 5.0에 추가된 기본 자료형과 해당 객체 자료 형과의 오토박싱/언박싱 기능을 사용한 것으로 오토박싱이란 자바 컴파일러가 객체를 요구하는 곳에 기본 자료형

ilist.add(new Integer(1))과 같이 사용하지 않고 ilist.add(1)과 같이 사용한 것은 자바 5.0에 추가된 기본 자료형과 해당 객체 자료 형과의 오토박싱/언박싱 기능을 사용한 것으로 오토박싱이란 자바 컴파일러가 객체를 요구하는 곳에 기본 자료형 바에 제네릭스(generics)를 도입하기 위한 연구는 이미 8년 전인 1996년부터라고 한다. 실제로 자바에 제네릭스를 도입하 는 몇 가지 방안들이 논문으로 나오기 시작한 것이 1998년 초임을 감 안하면 무려 8년이 지난 후에야 자바 5.0에 전격 채택되었다는 것은 이것이 얼마나 어려운 일이었나 하는 것을 보여준다. 자바의 스펙을 결정하는 표준화 절차인

More information

SchoolNet튜토리얼.PDF

SchoolNet튜토리얼.PDF Interoperability :,, Reusability: : Manageability : Accessibility :, LMS Durability : (Specifications), AICC (Aviation Industry CBT Committee) : 1988, /, LMS IMS : 1997EduCom NLII,,,,, ARIADNE (Alliance

More information

예제 1.1 ( 관계연산자 ) >> A=1:9, B=9-A A = B = >> tf = A>4 % 4 보다큰 A 의원소들을찾을경우 tf = >> tf = (A==B) % A

예제 1.1 ( 관계연산자 ) >> A=1:9, B=9-A A = B = >> tf = A>4 % 4 보다큰 A 의원소들을찾을경우 tf = >> tf = (A==B) % A 예제 1.1 ( 관계연산자 ) >> A=1:9, B=9-A A = 1 2 3 4 5 6 7 8 9 B = 8 7 6 5 4 3 2 1 0 >> tf = A>4 % 4 보다큰 A 의원소들을찾을경우 tf = 0 0 0 0 1 1 1 1 1 >> tf = (A==B) % A 의원소와 B 의원소가똑같은경우를찾을때 tf = 0 0 0 0 0 0 0 0 0 >> tf

More information

Something that can be seen, touched or otherwise sensed

Something that can be seen, touched or otherwise sensed Something that can be seen, touched or otherwise sensed Things about an object Weight Height Material Things an object does Pen writes Book stores words Water have Fresh water Rivers Oceans have

More information

목차 1. 제품 소개... 4 1.1 특징... 4 1.2 개요... 4 1.3 Function table... 5 2. 기능 소개... 6 2.1 Copy... 6 2.2 Compare... 6 2.3 Copy & Compare... 6 2.4 Erase... 6 2

목차 1. 제품 소개... 4 1.1 특징... 4 1.2 개요... 4 1.3 Function table... 5 2. 기능 소개... 6 2.1 Copy... 6 2.2 Compare... 6 2.3 Copy & Compare... 6 2.4 Erase... 6 2 유영테크닉스( 주) 사용자 설명서 HDD014/034 IDE & SATA Hard Drive Duplicator 유 영 테 크 닉 스 ( 주) (032)670-7880 www.yooyoung-tech.com 목차 1. 제품 소개... 4 1.1 특징... 4 1.2 개요... 4 1.3 Function table... 5 2. 기능 소개... 6 2.1 Copy...

More information