개발자의 길

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 - ..