본문 바로가기

개발관련

Part3 - 페이징 화면 처리 Chapter14
개발관련/코드로 배우는 스프링 웹 프로젝트(개정판) 2023. 6. 17. Part3 - 페이징 화면 처리 Chapter14 URL의 파라미터를 이용해서 정상적으로 원하는 페이지로 이동한느 것을 확인했다면, 화면 밑에 페이지 번호를 표시하고 사용자가 페이지 번호를 클릭할수 있게 처리합니다. 페이지를 보여주는 작업은 다음과 같은 과정을 통해서 진행 합니다. 브라우저 주소창에서 페이지 번호를 전달해서 결과를 확인하는 단계 JSP에서 페이지 번호를 출력하는 단계 각 페이지 번호에 클릭 이벤트 처리 전체 데이터 개수를 반영해서 페이지 번호 조절 페이지 처리는 단순히 링크의 연결이기 때문에 어렵지는 않치만 다음 그림과 같이 목록 페이지에서 조회 페이지, 수정 삭제 페이지 까지 신경 써야 하는 부분이 많은 편입니다. 다음 그림은 페이지 번호가 어떤 작업을 하던 유지되면서 링크가 연결되는 모습 입니다. 14.1 페이징 처리할 때 필요한 정..
Part3 - MyBatis와 스프링에서 페이징 처리 Chapter13
개발관련/코드로 배우는 스프링 웹 프로젝트(개정판) 2023. 6. 4. Part3 - MyBatis와 스프링에서 페이징 처리 Chapter13 Mybatis는 SQL을 그대로 사용할 수 있기 때문에 인라인뷰를 이용하는 SQL을 작성하고, 필요한 파라미터를 지정하는 방식으로 페이징 처리를 하게 됩니다. 여기서 신경써야 하는 점은 페이징 처리를 위해서는 SQL을 실행할 때 몇가지 파라미터가 필요하다는 점 입니다. 페이징 처리를 위해 필요한 파라미터 페이지 번호(PageNum) 한 페이지당 몇 개의 데이터(amount)를 보여줄 것인지 페이지 번호와 몇개의 데이터가 필요한지를 파라미터로 전달하는 방식도 좋치만 이후 확장성을 생각한다면 데이터를 하나의 객체로 묶어서 전송 하는것이 좋습니다. org.zerock.domain 패키지에 Criteria 이름의 클래스를 작성 합니다. Criteria는 검색의 기준을 의미 합니다. package org.zero..
Part3 - 오라클 데이터베이스 페이징 처리 Chapter12
개발관련/코드로 배우는 스프링 웹 프로젝트(개정판) 2023. 6. 1. Part3 - 오라클 데이터베이스 페이징 처리 Chapter12 구현된 기능들 중 가장 미숙한 부분은 목록 페이지 입니다. 목록 페이지는 기본적으로 페이징(pagination) 처리가 필요한데 상식적으로 생각해봐도 수 많은데이터를 한 페이지에 보여주면, 처리 성능에 영향을 미칩니다. 또한 브라우저에서도 역시 데이터의 양이나 처리 속도에 문제를 일으키게 됩니다. 일반적으로 페이징처리는 크게 번호를 이용하거나 "계속 보기"의 형태로 구현됩니다. 번호를 이용한 페이징 처리는 과거 웹 초기부터 이어오던 방식이고, "계속 보기"는 Ajax와 앱이 등장한 이후에 "무한스크롤"이나 "더 보기"와 같은 형태로 구현 됩니다. 예제에서 목록 페이지는 전통적인 번호를 이용하는 방식으로 처리 하게 됩니다. 오라클에서 페이징 처리하는 것은 Mysql에 비해 추가적인 지식이 필요하므로 이에 ..
Part3 - 화면 처리 Chapter11
개발관련/코드로 배우는 스프링 웹 프로젝트(개정판) 2023. 3. 26. Part3 - 화면 처리 Chapter11 각 영역에 대한 처리와 테스트가 완료 되었습니다. 화면에는 JSP와 JavaScript(jQuery), CSS, HTML을 이용해서 작성 합니다. 예제에서 사용할 디자인은 SB Admin2를 사용합니다. (https://startbootstrap.com/template/sb-admin) 부트스트렙 페이지에서 다운 받을 수있는데 저는 예전에 받아 놓은 파일로 진행 해보겠습니다. (지금은 템플릿이 업데이트 되어 해당 템플릿은 없는것 같습니다.(23.03.26 검색)) (여기에서 받을 수 있습니다 https://cafe.naver.com/gugucoding/3680) 11.1 목록 페이지 작업과 includes 스프링 MVC의 JSP를 처리하는 설정은 servlet-context.xml에 아래와 같이 작성 되..
Part3 - 프레젠테이션(웹) 계층의 CRUD 구현 Chapter10
개발관련/코드로 배우는 스프링 웹 프로젝트(개정판) 2023. 3. 19. Part3 - 프레젠테이션(웹) 계층의 CRUD 구현 Chapter10 비즈니스 계층의 구현까지 모든 테스트가 완료 되었다면 이제 남은 작업은 프레젠테이션 계층인 웹 구현 입니다. 웹은 이전 PART2에서 실습한 내용을 바탕으로 현재 프로잭트를 반영 해야 합니다. 10.1 Controller의 작성 스프링 MVC의 Controller는하나의 클래스 내에서 여러 메서들을 작성하고, @RequestMapping 등을 이용해서 URL을 분기하는 구조로 작성 할 수 있기 때문에 하나의 클래스에서 필요한 만큼의 메서드 분기를 이용하는 구조로 작성 합니다. 과가에는 이 단계에서 Tomcat(WAS)을 실행하고 웹 화면을 만들어서 결과를 확인하는 방식의 코드를 작성해 왔습니다 하지만 이방식은 시간도 오래 걸리고 테스트하기엔 많은 어려움이 있습니다. 우리는 WAS를 실행하지 않고 Cont..
Part3 - 비즈니스 계층 Chapter09
개발관련/코드로 배우는 스프링 웹 프로젝트(개정판) 2023. 3. 19. Part3 - 비즈니스 계층 Chapter09 비즈니스 계층은 고객의 요구사항을 반영하는 계층으로 프레젠테잇녀 계층과 영속 계층의 중간 다리 역할을 합니다. 영속 계층은 데이터베이스를 기준으로 설계를 나눠 구현 하지만, 비즈니스 계층은 로직을 기준으로 처리 하게 됩니다. 예를들어 "쇼핑몰에서 상품을 구매한다" 라고 가정 했을때 해당 쇼핑몰의 로직이 물건을 구매한 회원에게는 포인트를 올려준다고 하면 영속 계층의 설계는 "상품"과 "회원"으로 나누어서 설계하게 됩니다. 반면에 비즈니스 계층은 상품 영역과 회원 영역을 동시에 사용해서 하나의 로직을 처리하게 되므로 아래와 같은 구조로 표현할 수 있습니다. 현재 예제는 단일한 테이블을 이용하고 있기 때문에 위와 같은 구조는 아니지만, 설계를 할 때는 원칙적으로 영역을 구분해서 작성해야 합니다. 일반적으로 비..
Part3 - 영속/비즈니스 계층의 CRUD 구현 Chapter08
개발관련/코드로 배우는 스프링 웹 프로젝트(개정판) 2023. 3. 9. Part3 - 영속/비즈니스 계층의 CRUD 구현 Chapter08 PART 3의 예제는 단순한 하나의 테이블만을 이용하기 때문에 데이터베이스에 테이블, 시퀀스, 약간의 데이터들이 생성되었다면 이제는 코드를 이용해서 데이터에 대한 CRUD(Create, Read, Update, Delete) 작업을 진행 합니다. 테이블의 칼럼 구조를 반영하는 VO(Value Object) 클래스의 생성 MyBatis의 Mapper 인터페이스의 작성/XML 처리 작성한 Mapper 인터페이스의 테스트 위의 과정 전에 먼저 JDBC 연결을 테스트 하는 과정을 거치는 것이 좋치만 SQL Developer의 연결 자체가 이미 JDBC 연결을 이용하기 때문에 예제에서는 별도의 과정을 생략하고 진행 하겠습니다. 8.1 영속 계층의 구현 준비 거의 모든 웹 애플리케이션의 최종 목적은 데이터베이스에 ..
Part3 - 스프링 MVC 프로젝트의 기본 구성 Chapter07
개발관련/코드로 배우는 스프링 웹 프로젝트(개정판) 2023. 3. 5. Part3 - 스프링 MVC 프로젝트의 기본 구성 Chapter07 코드로 배우는 스프링 웹 프로잭트 Part3 Chapter07 스프링 MVC 프로젝트의 기본 구성 예제를 작성하기에 앞서서 전체 데이터의 흐름을 보기 위해 스프링 MVC를 이용하는 프로젝트의 구성을 이해해보도록 하겠습니다. 브라우저에서 전송한 데이터를 스프링 MVC의 어떤 단계를 거쳐서 실행되는지를 이해한다면 문제가 발생했을 때 빠른 대처와 대안을 찾을 수 있기 때문입니다. 일반적으로 웹 프로젝트는 33-tier(티어)방식으로 구성합니다. Presentation Tier(화면 계층) : 화면에 보여주는 기술을 사용하는 영역 책의 예제에서는 Servlet/JSP나 스프링 MVC가 담당하는 영역입니다. 프로젝트의 성격에 맞게 앱으로 제작 하거나, CS(Client-Server)로 구성되는 경우도 있습니다. ..

티스토리툴바