XSLT XSL 이란? XML 문서는 다양한 장치에서 데이터를 저장하고 전달할 목적으로 만들어졌다. 하지만 각각의 장치는 내부적으로 자신만의 고유한 데이터 구조를 사용하고 있다. 따라서 각각의 장치가 전달받은 XML 문서를 자신이 사용하는 데이터 구조로 변환할 때 사용할 규칙이 필요하다.이러한 변환 규칙에 대한 명세를 작성할 수 있는 언어가 바로 XML(eXtensibl Stylesheet Language)이다.CSS가 HTML 문서를 위한 스타일 시트 언어라면, XSL은 XML 문서를 위한 스타일 시트 언어이다. XSL의 구성 XSL은 XML 문서의 변환과 표현을 정의하는 세 개의 언어로 구성된다. XSLT : XSL Transformations를 의미하며, XML 문서를 다른 구조의 문서로 변환시키기..
XML 구조 XML 트리 XML 문서는 HTML 문서와 마찬가지로 트리(tree) 형태의 계층 구조를 가진다. 이러한 XML 트리는 하나뿐인 루트(root) 요소부터 시작하여, 각각의 자식(child) 요소에 차례대로 연결된다.XML 트리 구조에 포함되는 모든 요소는 자신만의 자식(child) 요소를 가질 수 있다. 위의 그림에서 화살표로 설명하는 용어들은 요소 간의 관계를 나타낸다. 부모(parent) 요소는 여러 개의 자식(child) 요소를 가질수 있다.하지만 자식(child) 요소는 단 하나의 부모(parent) 요소만을 가진다. 형제(sibling) 요소는 같은 트리 레벨(tree level)에 존재하는 요소를 가리킨다.즉, 형제 요소란 같은 부모(parent) 요소를 가지는 자식 요소 간의 관..
nRF51422-QFAB (GPIO/ADC) 목차 Specification NORDIC nRF51422 Link : https://www.nordicsemi.com/eng/Products/ANT/nRF51422 nRF51422 - Nordic Semiconductor nRF51422 - Bluetooth Low Energy, ANT and 2.4 GHz SoC www.nordicsemi.com 📌 NORDIC 에서 만든 Cortex-M0 기반의 Bluetooth 4.0 Single Mode 및 ANT+ 를 동시에 적용할 수 있는 Chip으로 사양은 아래와 같다. Single Chip, highly flexible, 2.4GHz multi-protocol device 32-bit ARM Cortex M0 ..
XML 기초 XML XML은 데이터를 저장하고 전달할 목적으로 만들어졌으며, 저장되는 데이터의 구조를 기술하기 위한 언어이다. XML은 EXtensible Markup Language의 약자로, 수많은 응용 분야에서 데이터를 저장하고 전달하는 중요한 역할을 맡고 있다. 예제12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061 HTML web W3C 5.1 high CSS web W3C 3.0 middle Java application Oracle 8.91 high Python application Python 3.52 middle cs XML 이란? XML..
유틸리티 메소드 유틸리티 메소드 제이쿼리는 프로그래밍을 하는 데 도움이 되는 다수의 유틸리티 메소드를 제공한다. 타입 검사 메소드 제이쿼리는 인수로 전달받은 값의 타입을 손쉽게 확인해 주는 다음과 같은 메소드를 제공한다. $.type( )$.isArray( )$.isFunction( )$.isNumeric( )$.isEmptyObject( )$.isPlainObject( )$.isWindow( )$.isXMLDoc( ) $.type( ) 메소드 자바스크립트의 typeof 연산자는 값에 따라 부정확하거나 모순된 타입 검사 결과를 반환한다.하지만 제이쿼리는 전달받은 값을 자바스크립트의 내부 클래스와 비교하여, 더욱 정확한 타입 검사를 제공하는 $.type( ) 메소드를 제공한다. 예제1234567891011..
Ajax의 개요 Ajax 란? Ajax란 Asynchronous JavaScript and XML을 의미한다. Ajax는 웹 페이지 전체를 다시 로딩하지 않고도, 웹 페이지의 일부분만을 갱신할 수 있게 해준다.Ajax는 백그라운드 영역에서 서버와 데이터를 교환하여 웹 페이지에 표시해 준다. 예제 $function( ) {$("#requestBtn").on("click", function() {$("#text").load("/examples/media/jquery_ajax_data.txt");});}); Ajax 프레임 워크 Ajax를 사용하여 손쉽게 개발할 수 있도록 미리 여러 가지 기능들을 포함해 놓은 개발 환경을 Ajax 프레임워크라고 한다. 이러한 Ajax 프레임워크 중에서도 가장 많이 사용되는 대..
이펙트 효과(페이드/슬라이드/jQuery.fx 객체/animate) 이펙트(effect) 효과 제이쿼리는 웹 페이지에 이펙츠 효과를 손쉽게 넣을 수 있는 다양한 메소드를 제공한다. 이러한 이펙트 효과는 기본 설정으로 바로 사용할 수도 있고, animate( ) 메소드를 통해 설정을 변경해서 사용할 수도 있다. 요소의 표시와 숨김 .hide( ) 메소드는 선택한 요소를 순간적으로 사라지게 하고, show( ) 메소드는 나타나게 한다. .hide( ) 메소드를 통해 숨겨진 요소는 CSS display 속성값이 none으로 설정된다.즉, 이렇게 숨겨진 요소는 더는 웹 페이지의 레이아웃에 영향을 주지 않고 완전히 사라지게 된다. 예제12345678910111213141516171819202122232425262..
이벤트 처리 이벤트(event)란? 오늘날 웹 페이지는 사용자와 수많은 상호작용을 하게 된다.사용자는 마우스를 움직이거나, 요소를 클릭하거나, 텍스트 박스에 글을 쓰는 등 수많은 종류의 동작(action)을 수행한다. 위에서 예를 든 사용자의 동작들이 모두 이벤트(event)를 발생시킨다.즉, 이벤트가 발생했다는 것은 웹 페이지에서 특정 동작을 발생하여, 웹 브라우저가 그 사실을 알려주는 것을 의미한다. 이벤트 핸들러(event handler) 웹 페이지에서는 수많은 이벤트가 계속해서 발생한다. 특정 요소에서 발생하는 이벤트를 처리하기 위해서는 이벤트 핸들러(event handler)라는 함수를 작성하여 연결해야만 한다.이벤트 핸들러가 연결된 특정 요소에서 지정된 타입의 이벤트가 발생하면, 웹 브라우저는..