감 잃지말고 개발하기

저번 포스팅에서는 카테고리 구현 부분 중 서버 딴 로직을 정리해 보았다. 이번 포스팅에서는 클라이언트 딴에서의 코드를 정리해 보도록 하겠다. 목표 ♠ 3개의 카테고리로 세분화하여 박스를 구현할 수 있다. ♠ JSP 파일과 구분한 JS 파일에서 서버에서 보낸 데이터를 사용할 수 있다. 클라이언트 딴에서의 흐름 서버에서 request 객체의 속성으로 보낸 카테고리 데이터(JSON Object형식)를 받는다. 이 데이터를 대분류 / 중분류 / 소분류로 나눈다. 사용자가 대분류를 선택했을 때 대분류에 따른 중분류가 중분류 박스의 옵션에 나타나게 한다. 사용자가 중분류를 선택했을 때 대분류와 중분류에 따른 소분류가 소분류 박스의 옵션에 나타나게 한다. 도서 등록 페이지(regist.jsp) 아래 이미지는 도서 등..

저번 포스팅에서는 구현에 필요한 기본적인 세팅을 정리해 보았다. 이번 포스팅에서는 서버 딴 로직을 정리해 보도록 하겠다. 이번 구현에서의 중점은 클라 딴의 JS 코드이기 때문에 서버 딴 로직은 간단하게 정리하고 넘어가도록 하겠다. 목표 ♠ 자바 데이터를 JSON 형식으로 만들 수 있다. ♠ JSONObject와 JSONArray 객체를 사용할 수 있다. 로직 코드 및 실행화면 1. 도서 등록 페이지 요청 페이지 상단 내비게이션 바 HTML 일부분이다. 도서 등록를 클릭하면 도서 등록 페이지를 요청한다. 홈 최신 도서 도서 등록 2. 컨트롤러(BookFrontController.java) *.ok 로 들어오는 URL은 해당 컨트롤러에서 처리한다. /regist.ok로 요청이 오면 BookRegistForm..

도서 등록 페이지에서 박스로 카테고리를 설정하는 로직을 기록하고자 한다. 이번 포스팅에서는 구현에 필요한 기본 세팅을 정리해 보도록 하겠다. 목표 ♠ 카테고리를 위한 DB 테이블을 생성할 수 있다. ♠ 3개의 카테고리로 세분화하여 박스를 구현할 수 있다. 구현할 카테고리 모습 DB 테이블 생성 및 설정 1. bookcatgy 테이블 소분류 카테고리 하나를 객체로 생각하면 이해가 쉽다. 대분류 카테고리는 bs_code와 bs_name의 값만 가진다. 중분류 카테고리는 bs_code와 bs_name, bs_code_ref_mn의 값만 가진다. 소분류 카테고리는 모든 칼럼의 값을 가진다. CREATE TABLE `bookcatgy` ( `bs_code` int NOT NULL COMMENT '카테고리 코드',..

도서 목록 페이지에서 박스 옵션에 따른 페이징 처리 로직을 기록하고자 한다. 저번 포스팅에서는 기본적인 페이징 처리 로직을 구현해 보았다. 기본적인 페이징 처리 이해를 바탕으로 이번 포스팅에서 박스 옵션에 따른 페이징 처리 로직을 정리해 봄으로써 구현을 완성해 보도록 하겠다. 서버 딴 로직은 이전 포스팅에서 정리한 코드에서 살짝씩 수정 및 보충할 것이니 자세한 설명은 이전 포스팅을 참고해 주길 바란다. ♠ 해당 구현의 로직 흐름이 궁금하면 아래 포스팅을 참고하세요 ♠ 2023.05.27 - [JSP/MVC] - [JSP][MVC][MySQL] Select 박스 옵션에 따른 페이징 처리 구현하기 #1. 기본 설정 [JSP][MVC][MySQL] Select 박스 옵션에 따른 페이징 처리 구현하기 #1. 기..

도서 목록 페이지에서 박스 옵션에 따른 페이징 처리 로직을 기록하고자 한다. 1탄에서 기본적인 설정을 끝냈으니, 이번 포스팅에서는 본격적인 로직을 정리해 보도록 하겠다. ♠ 해당 구현의 로직 흐름이 궁금하면 아래 포스팅을 참고하세요 ♠ 2023.05.27 - [JSP/MVC] - [JSP][MVC][MySQL] Select 박스 옵션에 따른 페이징 처리 구현하기 #1. 기본 설정 [JSP][MVC][MySQL] Select 박스 옵션에 따른 페이징 처리 구현하기 #1. 기본 설정 도서 목록 페이지에서 박스 옵션에 따른 페이징 처리 로직을 총 2개의 포스팅에 걸쳐 기록하고자 한다. 이번 포스팅에서는 구현 흐름과 필요한 테이블 및 클래스를 정리해 보도록 하겠다. 목표 persimmon-ary-stepbyst..

도서 목록 페이지에서 박스 옵션에 따른 페이징 처리 로직을 총 3개의 포스팅에 걸쳐 기록하고자 한다. 이번 포스팅에서는 구현 흐름과 필요한 테이블 및 클래스를 정리해 보도록 하겠다. 목표 ♠ 구현 흐름을 이해할 수 있다. ♠ 필요한 DB 테이블과 클래스를 생성할 수 있다. 로직 흐름 아래 이미지로 이해해 보자. 해당 페이지에서 첫 번째 Select 박스 옵션에는 다음의 3가지가 있다. 전체 국내 도서 외국 도서 두 번째 Select 박스 옵션에는 다음의 3가지가 있다. 9개씩 보기 15개씩 보기 21개씩 보기 Select 박스에서 옵션을 선택하면 해당 옵션 값이 요청 URL 파라미터 값으로 서버에 전송된다. 서버에서는 파라미터 값에 따라 DB에서 SELECT 절로 필요한 도서 목록만 가져온다. 파라미터 ..

지난 포스팅에서는 장바구니 수량을 변경하는 로직의 전체적인 흐름을 살펴본 후, 클라이언트 딴의 로직을 정리해 보았다. 이번 포스팅에서는 클라이언트 딴을 이어 서버 딴에서의 로직을 정리해 보도록 하겠다. ♠ 해당 구현의 로직 흐름이 궁금하면 아래 포스팅을 참고하세요 ♠ 2023.05.24 - [JSP/MVC] - [JSP][MVC][Session] 세션 및 로그인 도서 장바구니 구현하기 #6. 장바구니 수량 변경하기 (1탄) [JSP][MVC][Session] 세션 및 로그인 도서 장바구니 구현하기 #6. 장바구니 수량 변경하기 (1탄) 세션 및 로그인 도서 장바구니 구현 여섯 번째 포스팅이다. 저번 포스팅을 끝으로 기본적인 장바구니 구현이 완성되었다. 이제 추가적인 구현으로, 장바구니 페이지에서 도서의 ..

세션 및 로그인 도서 장바구니 구현 여섯 번째 포스팅이다. 저번 포스팅을 끝으로 기본적인 장바구니 구현이 완성되었다. 이제 추가적인 구현으로, 장바구니 페이지에서 도서의 수량을 변경하는 로직을 정리해 보도록 하겠다. 구현한 로직을 총 2편으로 나누어 정리할 것인데, 이번 포스팅에서는 클라이언트 딴을, 다음 포스팅에서 남은 서버 딴의 로직을 정리해 보도록 하겠다. 해당 페이지에서 수량을 변경하면 실시간으로 해당 도서의 수량이 변경되며, 이에 따라 금액 역시 모두 변경되도록 구현해 볼 것이다. 앞에서 계속 설명했듯이, 나는 로그인한 유저는 DB에, 비로그인한 유저는 세션 속성에 장바구니가 저장되도록 흐름을 계획했기 때문에 이번 구현 역시 로그인 유무를 기준으로 하여 코드를 짰다. ♠ 해당 프로젝트의 구현 계..

세션 및 로그인 도서 장바구니 구현 두 번째 포스팅이다. 저번 포스팅에서는 교보문고 페이지를 살펴보면서 구현 방향을 정리해 보았다. 이번 포스팅에서는 본격적인 로직 구현에 앞서 이번 과정에 필요한 DB 테이블과 VO 클래스를 생성하고, 공통적으로 사용될 클래스를 정리해 보도록 하겠다. 목표 ♠ 필요한 DB 테이블과 VO 클래스를 생성할 수 있다. DB 테이블 생성 및 설정 ERD 세션 및 장바구니 구현을 위해 필요한 테이블의 관계도를 살펴보면 다음과 같다. member, cart, book 테이블은 각각 회원, 장바구니, 도서의 정보를 저장한다. cart 테이블의 칼럼 ca_m_id는 member 테이블의 m_id(PK)를, 칼럼 ca_b_id는 book 테이블의 b_id(PK)를 참조한다. 1. boo..

지난 포스팅에서 세션을 이용해 도서 장바구니를 구현해 보았다. 때문에 세션이 살아있는 한 session 기본 객체를 통해 화면에 데이터를 저장하고 가져올 수 있었다. 이제 이번 포스팅부터는 MVC패턴을 지키면서 장바구니 세션과 로그인 세션을 활용하여 장바구니를 구현하는 로직을 기록해 보고자 한다. 참고 모델인 교보문고 페이지를 살펴보면서 나름대로 따라 해보고자 했다. 따라서 이번 포스팅에서는 교보문고 페이지 흐름을 정리해보면서 구현 흐름 및 계획을 정리해 보도록 하겠다. ♠ 세션을 이용한 도서 장바구니 구현이 궁금하면 아래를 참고하세요 ♠ 2023.05.15 - [JSP/MVC] - [JSP][MVC][Session] 세션을 이용한 도서 장바구니 구현하기 #1. 구현 흐름 정리하기 [JSP][MVC][S..