본문 바로가기

728x90
반응형

JAVA HTML JAVASCRIPT/소오스

(64)
jQuery / Method / .each() .each() .each()는 선택한 요소가 여러 개일 때 각각에 대하여 반복하여 함수를 실행시킵니다. 문법 1 .each( function ) 특정 조건을 만족할 때 반복 작업에서 빠져려면 1 return false 를 사용합니다. 예제 1 p 요소에 각각 다른 클래스를 추가합니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 Lorem Ipsum Dolor Amet 예제 2 반복 작업을 두번만 하고 빠져나옵니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 Lorem Ipsum Dolor Amet
jQuery / Method / .children() .children() .children()은 어떤 요소의 자식 요소를 선택합니다. 문법 1 .children( [selector] ) 예를 들어 1 $( 'div' ).children().css( 'color', 'blue' ); 는 div 요소의 자식 요소의 색을 파란색으로 만듭니다. 1 $( 'div' ).children( 'p.bl' ).css( 'color', 'blue' ); 는 div 요소의 자식 요소 중 클래스 값으로 bl을 가진 p 요소의 색을 파란색으로 만듭니다. 예제 ul 요소의 자식 요소 중 ip를 클래스 값으로 가지는 요소의 색을 빨간색으로 만듭니다. p 요소도 ip를 클래스 값으로 갖고 있지만, ul 요소의 자식 요소가 아니어서 선택되지 않습니다. 1 2 3 4 5 6 7 8 9 ..
jQuery / Method / .find() .find() .find()는 어떤 요소의 하위 요소 중 특정 요소를 찾을 때 사용합니다. 문법 .find( selector ) 예를 들어 $( 'h1' ).find( 'span' ) 은 h1 요소의 하위 요소 중 span 요소를 선택합니다. 예제 클래스 값으로 b를 갖는 p 요소의 하위 요소 중 클래스 값으로 ip를 갖는 span 요소를 찾아서 글자 크기를 2배로 만듭니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 Lorem Ipsum Dolor Lorem Ipsum Dolor 참고 하위 선택자를 이용해서 같은 결과를 만들 수 있습니다. 예를 들어 1 $( 'p.b' ).find( 'span.ip' ).css( 'font-si..
유효성검사(validation), 데이터 바인딩, 타입 변환 6. 유효성검사(validation), 데이터 바인딩, 타입 변환 6.1 소개 비즈니스 로직처럼 유효성검사를 고려할 때 장단점이 있다. 스프링은 유효성검사와 데이터바인딩 중 어느 쪽도 제외하지 않는 유효성 검사(와 데이터바인딩)에 대한 디자인을 제공한다. 구체적으로 말하면 유효성검사는 웹티어에 묶이지 않아냐 하고 쉽게 지역화해야 하고 이용가능한 어떤 밸리데이터(validator)에 연결할 수 있어야 한다. 스프링은 어플리케이션의 모든 레이어에서 기본이 되고 아주 사용하기 편리한 Validator 인터페이스를 제안했다. 데이터바인딩은 어플리케이션의 도메인 모델(또는 사용자 입력을 처리하려고 사용하는 어떤 객체)에 사용자 입력을 동적으로 바인딩하는데 유용하다. 스프링은 이 작업을 하기 위해서 DataBind..
Validation Check [체크방법] ====================================================================================== //*********************************************************** //** Form의 Validation을 체크한다. //** //** - pyukcho (pyukcho@gmail.com) //** -------------------------------------------------------- // ** - 2006/07/14 - name 대신 id를 사용하게 변경 // ** - 2006/08/16 - ajax post를 위한 checkbox 값 처리 변경 //****************..
spring - Maven 을 이용한 프로젝트 생성 및 활용(3) member.html ajax를 이용한 html 페이지 $(document).ready(()=> { // 삭제 $('#btn_remove').click(()=>{ var ck = []; $('.ck:checked').each((index,item)=>{ ck.push($(item).val()); }); $.ajax({ url:'/rest/MemberRemove' , type:'get' , data:{ck:ck} , dataType : 'json' , success:(item)=>{ let id=''; $(item).each((index,item)=>{ id +=`${item} `; }); alert(`${id}삭제`); $('#btn_list').trigger('click'); } , error : ()..
spring - Maven 을 이용한 프로젝트 생성 및 활용(2) MemberMapper.xml mybatis를 이용한 것인데 이것은 쿼리를 따로 저장하여 필요한 것들을 사용할 수 있고, 자동으로 jdbc로 변환을 해주는 기능이 있어 더 간편하게 DB처리를 할 수가 있다. INSERT INTO member(id,pw,name,age,gender) VALUES(#{id},#{pw},#{name},#{age},#{gender}) DELETE FROM member WHERE id=#{id} UPDATE member SET pw=#{pw},name=#{name},age=#{age},gender=#{gender} WHERE id=#{id} SELECT id,pw,name,age,gender FROM member MemberDao.java mybatis의 SqlSessionTem..
spring - Maven 을 이용한 프로젝트 생성 및 활용(1) spring을 이용하여 간단한 페이지를 만들어 보았다. spring + ajax + mysql + mybatis 를 사용해서 만들었다. 우선 spring의 폴더 구조를 살펴보면 이런식으로 되어있다. 자바 소스 폴더 앞으로 만들어질 자파 소스코드들(Controller, Mapper, VO, etc..)은 모두 이곳에 저장되어 관리됩니다. 웹 설정 파일 web.xml 파일은 웹 애플리케이션의 설정을 구성합니다. 뷰 폴더 뷰 폴더는 JSP 파일들로 이루어져있습니다. 앞으로 만들어질 뷰 파일들은 모두 이곳에 보관하게 됩니다. 라이브러리 관리 파일 스프링MVC 프로젝트를 이용하여 웹서비스를 개발하기 위해서는 여러가지 라이브러리들(Spring, JDBC, MyBatis, etc..)이 필요합니다. 이러한 라이브러리..

728x90
반응형