페이징을 구현하기 위해 먼저 페이징 VO를 만들어 줬다. 위처럼 6개의 필드를 생성해줬다. 위에 VO는 공통 VO이다. 각 페이지마다 페이징이 다르기 때문에공통으로 뺀 후 아래처럼 다른 VO에서 CmmnVO를상속받아 사용하게 했다. 이제 게시글 리스트 커맨드를 보자. (page 값의 출처는 맨 아래에 있다)화면단에서 넘어온 "page"를 받아 parsePage에 넣은 후 null값이면 1을 넣어줬는데 게시판의 현재 위치한page에 값이 없다면 1페이지로 이동할 수 있게하기 위함이다.다음 CmmnVO에서 page를 long으로 선언했기 때문에String형은 parsePage를 long으로 형변환 시켜줬다. 다음 ArrayList의 PagingList를 만들어 줬다. BoardDto에는 게시글에 들어갈글 번..
JSP를 이용해 페이징을 구현해보자. 여기서 내가 말하는 JSP를 이용한 페이징은JSP와 오라클DB만을 이용한 페이징이다.스프링과 MyBatis를 사용하지 않았다. 인터넷에 JSP 페이징을 검색해보면대부분이 mysql을 이용하거나DB를 사용하지 않거나 혹은스프링, MyBatis등을 이용한 글 밖에없다. 때문에 이 글을 내 블로그에 포스팅하여JSP를 공부하는 많은 사람들에게도움이 됐으면 좋겠다. JSP 페이징을 만들때 페이징 소스는내가 9개월 전에 올렸던 SPRING 에서 Mybatis를이용한 페이징 구현하기 글을 보면서작업했다. (스프링 페이징 게시글)http://rwd337.tistory.com/83?category=650717 페이징에 대한 로직 설명은위 게시글 링크에 들어가서 확인할 수 있다. JS..
jQuery에서 문서 객체의 내부 검사에 사용되는 메소드는 2가지가 있다.html(), text() html()은 문서 객체 내부의 글자와 관련된 모든 기능을 수행한다.(html태그인식)text()는 문서 객체 내부의 글자와 관련된 모든 기능을 수행한다. 위 두 메소드의 차이는 html태그의 인식 여부이다.간단하게 아래와 같이 테스트를 해보자.
jQuery의 배열 객체는 따로 만들지 않고 선택자로 여러 개의 문서 객체를 선택할 때 생성된다. 간단하게 style태그를 생성해 하이라이트를 넣어주자15line의 addClass는 문서 객체에 class속성을 추가하는 메소드이다.반대로 removeClass 가 있으며 이 메소드는 문서 객체의class 속성을 제거한다. addClass를 사용해서 h1태그에 하이라이트가 적용된다. 아래는 크롬 개발자도구로 확인한 모습이다. 이제 이번 포스팅의 주제인 배열관리를 위한 each를 알아보자. 17line에서 $('h1')으로 타겟을 잡게되면h1태그 전체를 다 잡게된다. body태그에는 5개의h1태그가 있으므로 5개의 h1태그를 잡게 되는것이다. each를 사용해 5개의 각 객체를 다르게 설정 할 수 있다.테스트..
토비의 스프링 이란 책을 구매했다. 웹 개발자를 준비하거나 현재 개발자로 일하시는 분들이라면누구나 한 번쯤 들어보고 읽어보는 책이다.스프링 책에서 거의 끝판왕이라 불리는 책이다. 저번주 월요일에 구매를해서 수요일에 책을 받았다.책을받아보니 왜 끝판왕이라고 불리는지 알 수 있었다.일단 책이 엄청 두꺼웠다 2권 다...책을받고 목차만 보고 아직 제대로 읽어보진 않았다. 목차를 보고 느낀거지만 스프링에 대한기본적인 내용과 좀 어려워보이는 부분(?) 까지자세하게 다루는 것 같다. 일단 현재 자바스크립트와 제이쿼리를 복습 차원에서다시 공부 중이라 이 공부가 끝나면 그때부터토비의 스프링을 읽고 공부하며 블로그에 조금씩 포스팅을 할 계획이다. 이 책을 알게된건 2017년 1월 이였다.스터디를 다니며 스프링 공부를 할..
자바스크립트 배열에 들어 있는 내용을 HTML 페이지에 출력하는 방법이다.script에 배열 array를 선언한다.그 안에 4개의 객체를 만들어주고속성은 name 과 link가 있다. 출력을 위해 $.each()를 만들어준다. 매개변수로 index와 item을 갖는다.index는 배열의 인덱스 또는 객체의 키를 의미하고item은 해당 인덱스나 키가 가진 값을 의미한다.
선택자 중에 : 기호를 포함하는 선택자를 필터 선택자라고 부른다. 입력 양식 선택자 jquery의 입력 양식 필터 선택자이다.(자주 쓰이는 편은 아니다.) (필터 선택자 자체를 잘 사용하지 않는다.) setTimeout 을 사용한 이유는 시간초내에 다른option을 선택할 수 있도록 하기 위함이다. 위치 필터 선택자 함수 필터 선택자 여러가지의 함수 필터 선택자가 있지만 eq만 알면 될 것 같다.eq(n)은 n번째 위치한 문서 객체를 선택한다.n에는 배열의 인덱스 처럼 0부터 시작한다.
속성 선택자는 기본 선택자 뒤에 붙여 사용한다.속성 선택자는 입력 양식과 관련된 태그를 선택할 때 많이 사용한다. 아래에서 input태그들은 태그 선택자로 구분할 수 없다.id, class 속성을 입력해 아이디 선택자나클래스 선택자를 사용 할 수 있지만 복잡하고 비효율적이다.그래서 속성 선택자를 사용한다. 속성 선택자를 활용해 아래와같이 사용할 수 도있으니꼭 알아두자
