본문 바로가기

Web

 (133)
Spring MVC 와 DispatcherServlet Spring MVC 와 DispatcherServlet Spring MVC 는 다른 MVC 프레임워크와 동일하게 앞단에 프론트 컨트롤러(DispatcherServler)를 두고있다. DispatcherServlet - web.xml 에 정의한 서블릿 MVC아키텍처로 구성된 프레젠테이션 계층을 만들 수 있도록 설계되어 있다. [ Spring MVC의 흐름 ] 1) DispatcherServlet의 HTTP 요청 접수 자바 서버의 서블릿 컨테이너는 HTTP 프로토콜을 통해 들어오는 요청이 스프링의 DIspatcherServlet에 할당된 것이라면 HTTP 요청 정보를 DIspatcherServlet에 전달. web.xml에는 DIspatcherServlet이 전달받을 URL의 패턴이 정의되어 있다. DIsp..
셀렉터 jQuery 2. 요소 선택 방법 - 셀렉터 jQuery는 뭐? 선택하고 조작하고, 선택하고 조작하고... 그러니, 우선 선택하는 방법을 정리해봅니다. 셀렉터를 이용해서 HTML 태그 요소를 선택하는겁니다. 1. 태그 셀렉터 $("h1"). html 문서내의 ... 을 선택합니다. 헤드라인 2. id 셀렉터 $("#title"). html 태그요소중에 id="title" 인 요소를 선택합니다. 헤드라인 만약 h1 태그중에 id가 title 인 요소를 선택하려면, 아래와 같이 셀렉터를 작성할 수 있습니다. $("h1#title"). 3. class 셀렉터 $(".title"). html 태그요소중에 class="title" 인 요소를 선택합니다. 헤드라인 만약 h1 태그중에 class가 title 인 요소..
eval 함수 사용법 ★ eval 함수 사용법 및 설명 문자열을 수치화 시키는 역활을 합니다. 크게 두가지 용도로 쓸 수 있는데요. 문자를 숫자로 변환할 수도 있구요. 문자열로된 객체의 OJBECT를 숫치화하여 접근 가능하도록 할 수있습니다. 예제 ) ★ 결과 팝업창으로 띄어지면서 test 150 설명 : 문자열로 된 객체의 object를 수치화하여 접근 가능해서 만들어진 값이 test이고 eval 안에 문자로 된것을 숫자로 변환 후에 계산 하여 나온 결과 값이 150
js안에 변수명.??? 사용 방법 test.jsp $(document).ready(function() { var a = "aa"; if(Valid .isEmpty(a)){ alert("if"); }else{ alert("else"); } } valid.js // 변수 선언 var Valid = { // 함수 선언 isEmpty : function(str) { var reg = /[^ ]+/; return ! reg.test(str); } }; 설명 하고자 하는 내용 : src에 Jstl c:url을 가지고 해당 valid.js를 지정해준 후에 js 파일 안에 있는 isEmpty를 사용하는 방법이다. Check 및 그런방법을 사용하고자 할경우 저런식으로 프로그래밍을 하면 될듯 싶다..
Jquery empty() 실습 ★ Sample Source This is some text This is a paragraph inside the div. This is a paragraph outside the div. Remove content of the div element 화면 View 단 결과는 Remove content of the div element 를 클릭 할 경우 노란색 네모 안에 있는 text 글들이 모드 사라짐
Jquery trim 실습 && 공백없애기 ★ trim Jquery 실습 ★ 결과 팝업이 띄워지면서 abc a b c d e f g abcdefg ★ 설명 : trim 가운데 공백이 아닌 첫열과 뒷쪽 공백만 제거 한후에 결과를 보여준다...
Jquery each 문 샘플 ★ 예제 Sample // 해당 가상 배열 선언 var arr = [ "one", "two", "three", "four", "five" ]; // Jquery for 문 $.each(arr,function(index,value){ alert(index+" : "+value); }); ★ Result 결과 : 팝업으로 0 : one 1 : two 2 : three 3 : four 4 : five
[jQuery] ajax 함수 사용해서 form 데이타 넘기기 ajax 데이터를 넘기는 페이지 소스 ★ Ajax Source $(document).ready(function() { $("#mul_input_submit").click(function() { var formData = $("#multiForm").serialize(); $.ajax({ type : "POST", url : getAjax.jsp", cache : false, data : formData, success : onSuccess, error : onError }); }); }); function onSuccess(json, status){ alert($.trim(json)); } function onError(data, status){ alert("error"); } Java ..

티스토리툴바