본문 바로가기

728x90
반응형

JAVA HTML JAVASCRIPT

(83)
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..)이 필요합니다. 이러한 라이브러리..
[Java] Tag라이브러리(JSTL) 사용하기 3 Comments 자꾸 까먹는 경향이 있어 기록용으로 저장해 둡니다. JSP에서 간단한 프로그램 로직을 구현하기 위해 JSTL을 사용하는데요 다양한 JSTL용 태그 라이브러리가 제공되지만 이 글에서는 플로우등을 조정하기 위한 core만을 보도록 하겠습니다. 1. JSTL을 사용하기 위한 라이브러리를 다운 [이곳] 에서 다운받을 수 있습니다. 현재 시점에서는 1.1.2가 최신버전이군요. 만약에 Gradle 기반 프로젝트에서 JSTL을 사용하고자 하신다면 다음을 추가하면 됩니다. dependencies { compile 'javax.servlet:jstl:1.2' } 2. 라이브러리 추가 다운받은 파일을 열어보면 standard.jar 와 jstl.jar 두개의 파일이 존재합니다. 둘 모두를 개발중인 프로..
JSTL(Jsp Standard Tag Library) - Core, C 태그 JSTL(JSP Standard Tag Library)은 커스텀 태그 라이브러리 기술을 이용해서 일반적으로 필요한 기능들을 표준화한 것으로 크게 핵심(CORE), xml, I18N(국제화), 데이터베이스(SQL), 함수(functions) 라이브러리로 구성된다. 커스텀 태그 기반이므로 JSTL을 사용하는 방법은 일반적인 커스텀 태그와 같다. ​ 사용시 라이브러리 파일을 다운받아야 되고, 을 적어줘야한다. 필요한 jstl태그는 prefix와 uri만 바꿔주면 된다. 태그 종류 (1) Core (prefix : c) → 일반 프로그래밍에서 제공하는 것과 유사한 변수선언 → 실행 흐름의 제어 기능을 제공 → 페이지 이동 기술 제공 URI → http://java.sun.com/jsp/jstl/core ​ (2..

728x90
반응형