레드아이

children() 아래 엘리먼트들 선택$(function(){$('#wrapper').children().css('color', 'red');}); next() 엘리먼트 바로 다음 형제 엘리먼트 선택, 내 바로 밑에 동생$(function(){$('#wrapper .first').next().css('color', 'red');}); nextAll() 다음에 존재하는 형제 엘리먼트들 모두 선택, 동생 모두$(function(){$('#wrapper > ul > .first').nextAll().css('color', 'red');}); nextUntil() 1번의 형제 엘리먼트 중 5번전까지의 형제 엘리먼트 모두 선택$(function(){$('#wrapper > ul > .first').nextUnt..

html에서 자바스크립트 파일을 추가하는 것이다. C언어의 include와 동일하다. $(document).ready(function(){$('#element').css('color' , 'red');$('.a').css('color', 'blue');}); 소스코드 밑까지 실행이 끝나면 여기로 돌아와 실행을 한다. $(function(){$('#element').css('color' , 'red');});와 같다. element아이디 선택$(function(){$('#element').css('color','red');}); elements 클래스 선택$(function(){$('.elements').css('color', 'red');}); ul아이디를 가지고있는 ul태그의 자식 태크 li 중 ele..

indexOf(searchValue, start) : 문자열에서 searchValue가 있는 인덱스 위치 (start index 부터 검색한다) lastIndexOf(searchValue, start) : 문자열에서 searchValue가 있는 위치 뒤에서부터 검색 replace(searchValue, newValue) : searchValue를 newValue로 변경 slice(start, end) : array의 slice와 같다 split(seperator) : seperator로 문자열을 분해하여 배열에 저장. substring(from, to) : 문자열의 일부분을 추출(from인덱스부터 to인덱스까지) 인덱스의 숫자라기보다는 경계선으로 생각하면 된다. substr(from, length) : ..

join(seperator) -> 배열 원소를 구분 reverse() -> 배열의 원소의 순서를 바꿔 줌 sort() -> 가나다 순으로 정렬 slice(start, end) -> start 부터 end 까지 지정 push() -> 배열의 원소를 맨 뒤에 추가 pop() -> 배열의 원소 맨 뒤를 삭제 unshift() -> 배열의 맨 앞쪽에 원소를 추가 shift() -> 배열의 맨 앞의 원소 제거 concat(array) -> 배열 2개를 연결한다. splice(start, count) -> start 인덱스 부터 count 개를 삭제 //////////////////////////////////////////////////////////// charAt(index) -> 문자열에서 index 위치에..

HTML(Hyper Text Markup Language) 웹페이지를 만들기 위한 지배적인 마크업 언어이다. 마크업 언어란 태그 드을 이용하여 문서나 데이터의 구조를 명기하는 언어의 한 가지이다. http://www.w3schools.com/html/ 위의 사이트는 HTML 과 CSS, Javascript를 기초부터 설명해 주고 있다. 영어로 되어 있어서 읽기 어렵다는 선입견이 있을수 있으나 천천히 보면 쉬운 영어로 되어있다. 구글 번역을 사용해도 상관없다. 기본적인 단어 Element content 태그는 Element가 무슨내용인지를 설명한다. 보통 시작태그와 끝태그가 같이 쓰이며 한 쌍을 이루고있다. 시작태그에는 Attributes 가 올 수 있다. Attributes는 name="value" 와 ..

오늘은 HTML 파싱관련 검색을 하다가 파이썬을 처음으로 접해보았다. 기본적인 변수나 제어문 등 관련 문법을 간단하게 살펴보았는데 여기 싸이트가 정리가 잘 되어 있어서 보기도 좋았고 예제도 쉬워서 좋았다. 처음 접하는 분들은 한번쯤 들어가서 훌터보길 권장한다. https://wikidocs.net/book/2

SAX는 XML를 위한 Simple API의 표준으로 XML 문서를 처리하기 위해 DOM 대신 사용할 수 있는 대안이다. DOM에 비해 단순한 인터페이스이며, 처리해야 할 파일이 많거나 매우 큰 경우에 적합하지만 데이터 내용을 조작할 수 있는 기능은 상대적으로 적다. SAX는 XML 문서를 하나의 긴 문자열 본다. 문자열을 앞에서부터 차례로 읽어가면서 정보를 받아들인다. 문자열을 읽으면서 계속 event를 발생시키고, 프로그래머는 이런 event 에 알맞게 프로그램을 작성해 준다. 문서를 훑어 내려가면서 읽기 때문에 효율적이다. DOM 보다는 사용이 어렵고, Data의 수정이 불가능하다. - SAX의 특징 ▪ 큰 문서를 효율적으로 분석하기 위해서 사용한다. ▪ 이벤트가 발생하면 그에 해당하는 Data를 ..

DOM은 문서 객체 모델의 약어로 HTML과 XML 문서를 위한 API(Application Prog ramming Interface)로서 문서의 물리적 구조와 문서가 접근되고 다루어지는 방법을 정의한다. DOM은 XML 문서를 하나의 Tree 구조로 본다. Element 가 Element에 포함되어 있는것은, 하위의 Tree 로 인식하고, 동등한 깊이에 있는 것은 형제 Tree 로 인식 하는 형태이다. 파서가 모든 이벤트들을 잡아서 그 결과를 메모리상에 트리 형태로 만들고 APPLICATION이 이 결과를 이용하도록 한다. - DOM의 특징 ▪ XML문서를 메모리상에 올려놓은 다음 DATA를 찾아 들어가는 방식을 사용한다. ▪ 큰 문서일 경우 무조건 다 읽기 때문에 Load 시간이 걸리거나 메모리를 낭..

♦ 파서(Parser)란?파서(parser)란 Compiler의 일부로서 원시 프로그램의 명령문이나 온라인 명령문, HTML 문서 등에서 Markup Tag 등을 입력으로 받아들여서 구문을 해석 할 수 있는 단위로 여러 부분으로 분할해 주는 역할을 한다. 즉, Compiler나 Interpreter에서 원시 프로그램을 읽어 들여, 그 문장의 구조를 알아내는 구문 분석(parsing)을 행하는 프로그램 이다. ♦ 파싱(Parsing) 형태 - DOM & SAX DOM 과 SAX란? 하나의 API 로서, XML 문서를 구조화시켜서 XML 문서를 원하는 방법으로 활용할 수 있게 해준다. DOM이나 SAX는 XML 문서에 있는 Data를 효과적으로 다루기 위해서 필요하다. 특정한 node 에 있는 Data만 가..

#include "stdafx.h"#include #include int _tmain(int argc, _TCHAR* argv[]){int threshold = 128; //임계값IplImage * image = 0;IplImage * output = 0;IplImage * gray = 0; CvCapture* capture = cvCaptureFromCAM(0); cvNamedWindow( "기본 카메라", 0 );cvNamedWindow( "흑백 카메라", 0 );cvCreateTrackbar("T", "기본 카메라", &threshold, 255, NULL); while(1) {cvGrabFrame( capture );image = cvRetrieveFrame( capture );cvShowImag..