전체 글480 jsp 페이지 및 ajax 사용시 공백 제거 5. trimDirectiveWhitespaces - - 불필요하게 생성되는 줄바꿈 공백 문자를 제거할 수 있다. Web/JSP_SERVLET 2016. 1. 29. AJAX 정리 $(document).ready(function(){ $.ajax({ type : "GET", url : "ajaxData.jsp?type=1", dataType : "text", error : function(){ alert('통신실패!!'); }, success : function(data){ alert("통신데이터 값 : " + data) ; $("#dataArea").html(data) ; } }); }); 위의 예제는 ajax 통신을 할때 가장 기본이 되는 항목만 사용하였다. 적어도 위의 설정값 정도는 최소한으로 넣어주는게 좋다. 속성설명 type http 전송 method를 지정한다. GET, POST url 호출 URL. GET 방식일경우 URL 뒤에 파라미터를 붙여서 사용해도 된다. dat.. Web/Javascript_Jquery 2016. 1. 28. 페이징 , paging 처리 jsp 코드 ----------------- paging 을 포함할 파일 --------------- int curPage = request.getParameter("curPage") == null ? 1 : Integer.parseInt(request.getParameter("curPage"));int totalRecord= 10;//총 레코드수 의미없는 값이지만, db에서 토탈 레코드를 같이 뽑아서 저장한다. db에서 토탈 레코드 저장!!!!int numPerPage = 100; // 페이지당 레코드수int totalPage= 0;//총 페이지수 .. 선언만 하고 paging 에서 처리한다.int rs_rows = 0; // 페이지 시작 번호 선언 rs_rows = rs_rows + (curPage-1)*numP.. Web/JSP_SERVLET 2016. 1. 26. JSP 쿠키(Cookie) 1. 쿠키(Cookie)- API : http://docs.oracle.com/javaee/7/api/javax/servlet/http/Cookie.html- 웹 브라우저가 보관하고 있는 데이터로, 웹 서버에 요청을 보낼 때 쿠키를 함께 전송한다.- 웹 서버는 전송받은 쿠키를 사용하여 필요한 데이터를 읽어올 수 있다.- 웹 브라우저는 쿠키가 삭제되기 전까지 웹 서버에 쿠키를 전송한다.- 웹 어플리케이션을 사용하는 동안 지속적으로 유지해야 하는 정보는 쿠키를 사용해서 저장한다.- 쿠키는 지속성을 갖고 있고 얼마나 지속할 지의 여부를 지정할 수 있다. 2. 쿠키 동작 방식- 쿠키 생성 : JSP 프로그래밍에서 쿠키는 주로 웹 서버 측에서 생성한다. 생성된 쿠키는 응답 데이터에 함께 저장되어 웹 브라우저에 전.. Web/JSP_SERVLET 2016. 1. 20. 각 컬럼의 값에 대하여 누적 합계 구하기. selelct SUM(CASE WHEN c.GRITGRADE = 'A' THEN 1 ELSE 0 END) AS gradea , ~~~~ 이런식으로 sum 함수를 쓴다. DB/Oracle 2016. 1. 12. 페이지, 페이징을 주기 위한 쿼리문 예제 SELECT row_Number, letterNo, letterTitle, letterWrittenDate from (select A.*, row_Number() over(order by letterWrittenDate asc) as row_Number, floor((rownum-1)/10) as page, count(*) over() as totalRecord from (select distinct x.letterNo, x.letterTitle, x.letterWrittenDate, x.boardNo, x.display, x.topdisplay from g_letter x, g_letterTables y where x.letterNo = y.letterNo(+) order by x.letterNo de.. DB/Oracle 2015. 12. 29. event.stopPropagation(), event.preventDefault () 이해하기 event.stopPropagation(), event.preventDefault () 이해하기 TestEventHandler.html event.stopPropagation() 을 이해하기 위해서는 우선 HTML 상에서 사용자 이벤트가 어떻게 전달되는지 이해해야 합니다. 웹에서의 클릭이벤트 전파 propagation 의 사전적의미는 전파, 확산입니다. 사용자가 마우스로 웹페이지 내의 버튼을 클릭했을때 대부분의 사람들은 버튼만 반응했다고 생각하게 됩니다. 하지만 웹페이 내부에서는 버튼을 감싸고 있는 부모 태그들 또한 클릭 이벤트에 반응하게 됩니다. 이것을 Bubble Up(버블업)이라고 합니다. 위 슬라이드 우측의 문서구조를 보면 a 태그는 li, ul 의 두개의 부모태그가 있습니다. 사용자가 a 태그를.. Web/Javascript_Jquery 2015. 12. 29. 달력 , 자바스크립트 달력, 쓰기 편한거 $(function() { $( "#startDate, #endDate, #t_startDate, #t_endDate, #n_startDate, #n_endDate" ).datepicker({ dateFormat: 'yy-mm-dd', prevText: '이전 달', nextText: '다음 달', monthNames: ['1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월'], monthNamesShort: ['1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월'], dayNames: ['일','월','화','수','목','금','토'], dayNamesShort: ['일','월','화',.. Web/Javascript_Jquery 2015. 12. 23. 체크박스 checkbox 순서 유지, 파라미터 전달 웹에서 데이터를 주고 받을때 사용하는 html태그들은 한정적이다. input box, radio, selectbox, checkbox 등이 있다. 이 중에서도 checkbox의 경우 동일한 태그 이름(name, id)로 구성을 하고 다중으로 체크한뒤 전송하게 되면 받는쪽에서는 체크되어있던 값들만 전송이 된다. 위에서 말했듯이 동일한 이름이 다중으로 넘어오면 받는쪽에서도 역시 다중으로 받을수 있게 처리해줘야 한다. 일반적인 방법으로는 request.getParameterValues 를 이용하여 배열로 받으면 된다. [보내는 쪽] [받는쪽] String[] type = request.getParameterValues("type") ; 위와같이 작성하면 체크한 값들만 전송되므로 해당 값들을 이용하여 다음 로직.. Web/JSP_SERVLET 2015. 12. 23. FLAT UI. 디자인 오픈소스 . Web/HTML_CSS 2015. 12. 23. IE8 에서 placeholder 속성 적용 IE8은 공식적으로 HTML5 태그들을 지원하지 않는다. 따라서, 하위 버전의 IE들을 위해 Modernzr 라든가 html5shiv 같은 자바스크립트들을 이용하면 HTML5에서 새롭게 나타난 엘리먼트 태그들을 사용할 수 있다. 그럼에도 불구하고 placeholder 속성은 IE8에서 사용할 수 없는데, 이럴 때 사용할 수 있는 jQuery 플러그인이 있다. 이름하여jquery.placeholder. 사용법도 간단하다. 1 2 먼저 jQuery를 로딩한 다음 jquery.placeholder.js를 로딩한다. 그 다음에 다음과 같이 선언하면 끝. 1 2 3 4 5 6 (function ($) { $(document).ready(function () { $("input, textarea").placehol.. Web/Javascript_Jquery 2015. 12. 23. 공통코드 설계 http://blog.naver.com/new_magma/20156422595 DB/Oracle 2015. 9. 4. 이전 1 ··· 37 38 39 40 다음