본문 바로가기

web129

[JSP Web] 게시판 목록 페이징 Board Paging Paging 게시글의 갯수를 보이고 페이지로 분류한다 페이징을 구현하기 위해선 캡슐화가 필요하다 구현하기 위해서 필요한 것은 1 현재 페이지의 번호 2 그 페이지의 게시물 만약 1개의 페이지에는 3개의 게시물이 필요하고 1개의 페이지 그룹에는 2개의 페이지가 필요하다 그렇다면 15개의 게시물이 있을 때 5개의 페이지가 나오게 된다 페이지 그룹은 3개의 그룹이 필요하게 된다 우선 VO에서 ArticleListVO를 생성한다 List를 갖는 ArticleList와 추가로 가져온 Paging을 속성으로 갖는다 ArticleListVO ArticleList를 출력하는 Servlet에서 객체 타입을 바꿔준다 ArticleListServlet ArticleBiz에서 실질적으로 리스트를 불러오므로 리스트를 생성해서 .. 2016. 6. 2.
[JavaScript] 자바스크립트 자동 완성 Auto fill 자동 완성 NotePad++로 autocomplete.html을 생성해서 자동완성 기능을 만들어본다 그리고 div를 보여주기 위해서 style을 통해서 css을 적용해준다 이젠 searchKeyword 위 아래로 글자를 적어본다 그리고 z-index를 적용시키기 위해서 position을 relative로 준다 float을 하지 않고 상대적인 위치를 잡아주기 위함이다 다음과 같은 모양을 만들기 위해서 top과 left로 움직이고 크기를 맞춘 후 display=none을 지정해서 보여주지 않는다 이제 검색어를 입력할 때 키 입력을 알기 위해서는 keyup과 keydown, change를 통해서 알 수 있다 이벤트를 사용하기 위해서 script를 사용한다 onkeyup을 통해서 key up 시 이벤트를 지정할.. 2016. 6. 2.
[JavaScript] 자바스크립트란? 자바스크립트 팝업 Pop up JavaScript jQuery를 이용하지 않고 자바스크립트로 이벤트를 개발하는 것이다 자바스크립트로만 사용을 한다면 jQuery를 사용하지 않기 때문에 굉장히 가볍다 # 자바 스크립트 자바스크립트에는 프로토 타입, 오브젝트, 클로저 개념을 알아야 한다 자바스크립트는 전역 변수를 근간으로 하는 언어이다 하지만 자바스크립트에서는 전역 변수를 사용하지 말라고 한다 -> why? 데이터가 꼬이기 쉽기 때문에 그렇기 때문에 나온 방식이 클로저이다 (전역 변수를 사용하지 않음) 클로저는 function이 function을 부르는 방식이다 function의 리턴이 function이 된다 # UI와 UX UI와 UX의 차이 UI는 단순히 인터페이스이다 어떠한 것을 클릭하면 그에 맞는 기능이 수행된다는 의미이다 UX는.. 2016. 6. 1.
[JSP Web] 게시글 수정 Update 구현하기 Article Update 게시글 수정하는 기능을 생성한다 우선 ModifyServlet을 생성한다 # 수정 기능 Task 수정할 게시글 결정 수정하고자 하는 글 ID를 파라미터로 받기 수정할 게시글 정보 가져오기 수정할 게시글의 작성자 본인 확인 (보안상 중요) 작성자 본인인 것을 확인하지 않으면 URL로 접근하여 삭제가능 수정할 게시글 정보 JSP로 전송 수정 기능을 생성하기 위해 위와 같은 과정을 해야한다 ModifyServlet 그리고 나서 selectedarticle.jsp에서 수정을 한다 작성자일 때 보였던 삭제 버튼 옆에 수정버튼 까지 만들면 된다 selectedarticle.jsp (선택된 게시글 정보 출력) 그리고 write.jsp에서 form에서 내용을 변경해주면 된다 input에서는 .. 2016. 6. 1.

티스토리툴바