개발자의 길

event.stopPropagation() 을 이해하기 위해서는 우선 HTML 상에서 사용자 이벤트가 어떻게 전달되는지 이해해야 합니다. 웹에서의 클릭이벤트 전파 propagation 의 사전적의미는 전파, 확산입니다. 사용자가 마우스로 웹페이지 내의 버튼을 클릭했을때 대부분의 사람들은 버튼만 반응했다고 생각하게 됩니다. 하지만 웹페이 내부에서는 버튼을 감싸고 있는 부모 태그들 또한 클릭 이벤트에 반응하게 됩니다. 이것을 Bubble Up(버블업)이라고 합니다. 위 슬라이드 우측의 문서구조를 보면 a 태그는 li, ul 의 두개의 부모태그가 있습니다. 사용자가 a 태그를 클릭했을때 클릭이벤트는 a 태그를 감싸고 있는 li, ul 태그로 순차적으로 전달되게 됩니다. 즉 a 태그의 onclick -> li ..

현재 행의 이전 또는 이후의 행 값을 들고와야 할 때. 아래의 펑션을 이용하면 됨. /* LEAD() OVER() FUNCTION 현재 행의 다음 데이터에 접근. ACCESS_ROW_INDEX : 현재 행 기준 N 번째 행의 값을 들고 옴. 1 : 현재 행의 바로 다음 행 값. 2 : 현재 행의 2번째 행 값. ... */ -- QUERY SELECT LEAD([COLUMN_NANE], [ACCESS_ROW_INDEX]) OVER(ORDER BY [COLUMN_NAME]) FROM [TABLE_NAME]; /* LAG() OVER() FUNCTION 현재 행의 이전 데이터에 접근. */ SELECT LAG([COLUMN_NANE], [ACCESS_ROW_INDEX]) OVER(ORDER BY [COLUM..

httpRequest = getXMLHttpRequest(); httpRequest.open("get"."/master.txt",true); httpRequest.send(null); open() 함수 1. 첫번째 인자 Http 메서드를 지정한다 2. 두번째 인자 접속할 URL을 입력한다. 웹브라우저의 보안상 이유로 접속할 URL은 현재페이지와 같은 도메인에 있어야 한다 3. 세번째 인자 true= 비동기방식 false=동기방식 GET 방식 전달 httpRequest = getXMLHttpRequest(); httpRequest.open("get"."/master.jsp?id=woo&pw=1234",true); httpRequest.send(null); POST 방식 전달 httpRequest = get..

public static String readCLOB(java.sql.Clob p_clob) throws IOException, SQLException{ StringBuffer outBuffer = new StringBuffer(); Reader l_clobStream = null; try{ l_clobStream = p_clob.getCharacterStream(); int l_nchars = 0; char[] l_buffer = new char[4096]; while((l_nchars = l_clobStream.read(l_buffer))!=-1){ outBuffer.append(l_buffer,0,l_nchars); } }catch(IOException e){ throw e; }catch(SQLEx..

차트 (Chart) 사이트 모음 ExtJS (sencha) - http://www.sencha.com/products/extjs/examples/ Jqplot - http://www.jqplot.com/tests/ FusionChart - http://www.fusioncharts.com/ Highchart - http://www.highcharts.com/ jQuery Sparklines - http://omnipotent.net/jquery.sparkline/#s-about jQWidgets - http://www.jqwidgets.com/jquery-widgets-demo/index.htm JS chart - http://www.jscharts.com/examples OpenFlashChart - ..

http://hakim.se/experiments http://www.effectgames.com/demos/canvascycle/ http://mudcu.be/sketchpad/

WITH문은 Oracle9i 이상에서 지원됩니다.원하는 데이타를 조회하여 가상테이블로 만든후 사용하는것입니다.가상테이블은 메모리에 생성되므로 액세스 속도가 빠르며 조회후에는 자동으로 소멸됩니다.Oralce의 with문은 속도뿐만 아니라 SQL QUERY문 자체도 많이 간결해졌습니다. ※ 특히 UNION에 똑같은 문장이 계속 들어갈 경우 사용하면 한번만 기술하고 불러쓰면 되므로 문장이 많이 간결해진다. 기본문법 단일 가상테이블 생성 WITH A AS(SELECT SQL QUERY....)SELECT * FROM A; 다중 가상테이블 생성 WITH A AS(SELECT SQL QUERY....),B AS(SELECT SQL QUERY....)SELECT * FROM AUNION ALLSELECT * FROM..

Quartz 스케쥴러에 배치(batch) 파일 등록하기입니다. 주기적인 어떤 작업을 할떄 리눅스(Linux)에서는 크론탭(CronTab) 방식을 사용합니다.하지만 이곳에서는 Spring의 Quartz 스케쥴러 방식을 사용하여 구현하고 있습니다. Quartz의 핵심인 /WEB-INF/config/applicationContext.xml 작성법은 아래와 같습니다.실제 실행될 class 등록스케쥴러가 동작하는 주기 설정실제로 동작 하도록 설정Simple Type: 주기 시간이 몇초, 몇분 혹은 몇시간 단위로 작동 (이곳 프로젝트와 무관)Cron Type: 리눅스의 CronTab과 같은 동작. 몇월 몇일 몇시에 동작할지 설정 (이 방식 사용)Colored By Color Scripter™1234567891011..

Java.math.BigDecimal의 사용실수 연산의 경우 float , double 타입의 사용에 주의해야 한다.System.out.println(2.0 - 1.1); 를 해보면 그 이유를 알 수 있다. 이에 대한 결과는 0.9가 아니라 0.8999999999 결과가 출력 된다. 이는 컴퓨터가 숫자1.1을 double로 정확하게 표현 할 수 없어 근사치를 출력하기 때문이다. 이에 대한 해결책으로 정확한 소수 연산을 수행하는BigDecimal 타입이 있다. 단, 주의할 점은 항상 BigDecimal(double)이 아닌 BigDecimal(String) 생성자를 사용해야 한다. 이유는BigDecimal(double)을 사용하는 순간, double 자체가 정확하게 수를 표현 못하기 때문에 생성 자체부터 ..

1.SELECT REGEXP_SUBSTR('1,24','[^,]+',1,1) FROM DUAL; 구분자를 정규식으로 넣어서 사용하는 방식이다. REGEXP_SUBSTR 은 오라클10G 이상부터 된다 2.오라클과 mysql 둘다 되는 방식이다 instr로 구분자의 위치를 찾아서 substr 으로 잘라서 쓰는 방식이다. SELECT SUBSTR('1,24',1,INSTR('1,24',',')-1) FROM DUAL;SELECT SUBSTR('1,24',INSTR('1,24',',')+1) FROM DUAL; --- 은근히 사용할 일이 생긴다. 되도록이면 db로 가져와서 front단에서 처리 하지만, 쿼리에서 모두 처리 할려고 하면 애매한 것중 하나이다.