Web240

• jQuery FullCalendar 달력, 스케줄 플러그인 달력은 참 쓰이는곳이 많습니다. 개인, 조직의 일정관리에서부터 회의실 및 기타 예약 현황 관리까지 다양한 분야에 사용되고 있습니다. 여기서 소개해 드리는 jQuery 플러그인은 제목에서 보다시피 달력 플러그인입니다. 아래와 같은 형태로 이뤄져 있으며 FullCalendar 라는 이름처럼 웹브라우저를 가득 채우는 형태로 구성되어 있습니다. 네이버나 네이트의 일정관리처럼 month, week, day 로 일정을 보여주는 뷰가 존재합니다. 기존 DB에 존재하는 데이터를 JSON 형태로 받아 이벤트를 등록하게 되면 아래와 같은 달력형태로 표현할 수 있습니다. 해당 플러그인은 단순히 달력형태로 보여주기만 할뿐 일정을 입력하는 기능은 존재하지 않습니다. 입력하는 화면은 별도로 애플리케이션에 맞추어 개발이 선행되어야.. Web/Javascript_Jquery 2016. 2. 26.

• 오늘 날짜 구하기 yyyy-mm-dd var now = new Date(); var year= now.getFullYear(); var mon = (now.getMonth()+1)>9 ? ''+(now.getMonth()+1) : '0'+(now.getMonth()+1); var day = now.getDate()>9 ? ''+now.getDate() : '0'+now.getDate(); var chan_val = year + '-' + mon + '-' + day; $(this).val(chan_val); 오라클 sysdate 처럼 간단한거 없을까 ? Web/Javascript_Jquery 2016. 2. 24.

• jsp+tomcat 한글깨짐 나름 총정리 http://webjjang.egloos.com/2568727 jsp, 서블릿, 데이타베이스 한글문제 총정리 한글문제를 해결하기 위해서는 기본 개념을 아셔야 합니다. 자 기본개념 들어갑니다. ms949 는 윈도우에서 돌아가는 캐릭터 셋입니다. 아�d�d은 표시가 가능합니다만, 유닉스 환경에서는 지원불가입니다. euc-kr 은 윈도우 리눅스에서 돌아가지만 [ �� , 아�d�d ] 등의 글 사용시 한글깨짐 현상이 나타납니다. 그럼 utf-8 은 어떨까요? 이것은 모든문자를 지원합니다. 글자가 깨지지 않죠. 하지만 3byte를 차지합니다. 오라클의 최신버전인 10G XE V 10.2.0.1.0 을 보시면 기본 default 로 UTF 로 설정되어 있습니다. 자 이제 강좌 시작합니다. 한글 처리에는 JSP 와.. Web/JSP_SERVLET 2016. 2. 2.

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

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