감 잃지말고 개발하기

변수 설명 아래, 배열 변수 3개가 있다. main_catgy_arr에는 대분류 데이터가, middle_catgy_arr에는 중분류 데이터가, sub_catgy_arr에는 소분류 데이터가 저장되어 있다. 중분류 배열에 저장된 객체는 각각 code, name, code_ref_mn 이라는 이름으로 3개의 값이 저장되어 있다.. code에는 해당 중분류 데이터의 코드가, name에는 해당 중분류 데이터의 코드명이, code_ref_mn에는 해당 중분류 데이터의 대분류 코드가 저장되어 있다. 소분류 배열에 저장된 객체는 각각 code, name, code_ref_md, code_ref_mn 이라는 이름으로 4개의 값이 저장되어 있다. code_ref_md에는 해당 소분류 데이터의 중분류 코드가 저장되어 있다...

지난 포스팅 "도서 사이트에서 다중 카테고리 구현하기 #1. 데이터 출력하기 (1)"에서 도서 상세 페이지로 데이터를 가져오기 위한 서버 딴 로직을 정리해 보았다. 이번 포스팅에서는 서버에서 가져온 데이터를 출력시키는 클라 딴 로직을 정리해 볼 것이다. ♠ 이전 포스팅이 궁금하면 아래 링크를 클릭하세요 ♠ 2023.06.12 - [JSP/MVC] - [JSP][MVC][MySQL] 도서 사이트에서 다중 카테고리 구현하기 #4. 데이터 출력하기 (1) ${subCat.code_ref_md_name} > ${subCat.name} 전체 쪽수 ${book.b_page } 쪽 2. JSP 페이지 하단 스크립트 도서 상세 페이지 하단 영역에(body 안) 아래 스크립트를 추가하자. ☞ $.catgys = ${ca..

"도서 사이트에서 다중 카테고리 구현하기 #1. 구현 틀 잡기" 포스팅에서 기본 구현 틀을 잡아보았다. 프로젝트 이해를 위해 위 포스팅을 반드시 읽고 오길 바란다! 이번 포스팅부터 본격적으로 구현 로직을 짜볼 것인데, 시작은 도서 등록 페이지에서의 다중 박스 구현이다. 이번 프로젝트의 핵심은 다중 카테고리 구현에 있으므로 이 로직에 집중해 정리해 보도록 하겠다. ♠ 해당 프로젝트의 구현 틀 설정이 궁금하면 아래 포스팅을 참고하세요 ♠ 2023.06.12 - [JSP/MVC] - [JSP][MVC][MySQL] 도서 사이트에서 다중 카테고리 구현하기 #1. 구현 틀 잡기 [JSP][MVC][MySQL] 도서 사이트에서 다중 카테고리 구현하기 #1. 구현 틀 잡기 "도서 등록 페이지 카테고리 구현하기" 포스..

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

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

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

MVC패턴을 지키면서 특정 페이지에서 ajax를 이용한 비동기 통신으로 댓글을 작성하고 모든 댓글을 출력하는 로직을 기록하고자 한다. 지난 포스팅에는 댓글을 화면에 출력하는 로직을 기록했다. 이번 포스팅에는 대댓글을 작성하고 저장하는 로직을 기록해 보기로 한다. 목표 ♠ JSP에서 MVC 패턴을 지키면서 AJAX를 통해 대댓글 저장 로직을 구현할 수 있다. ♠ DB에서 댓글 테이블에 필요한 그룹 칼럼, 깊이 칼럼, 출력 순서 칼럼을 이해할 수 있다. 로직 흐름 도서 상세 페이지의 댓글이 출력되는 영역(왼쪽)에서 "댓글" 버튼을 클릭한 후, 댓글을 작성하는 영역(오른쪽)에서 대댓글을 작성하고 "등록하기" 버튼을 누르면 ajax로 Form의 데이터가 서버에 전송된다(bookView.jsp). 해당 컨트롤러에..

MVC패턴을 지키면서 특정 페이지에서 ajax를 이용한 비동기 통신으로 댓글을 작성하고 모든 댓글을 출력하는 로직을 기록하고자 한다. 지난 포스팅에 이어 이번 포스팅에는 같은 도서 아이디를 가진 모든 댓글을 화면에 출력하는 로직을 기록해 보기로 한다. 목표 ♠ JSP에서 MVC 패턴을 지키면서 AJAX를 통해 댓글 출력 로직을 구현할 수 있다. ♠ DB에서 댓글 테이블에 필요한 그룹 칼럼, 깊이 칼럼, 출력 순서 칼럼을 이해할 수 있다. 로직 흐름 도서 상세 페이지의 댓글 네비 버튼을 클릭하면 스크립트 함수가 실행되고, ajax 함수로 해당 도서 아이디가 서버로 전송된다(bookView.jsp). 해당 컨트롤러에서 해당 URL을 받아 댓글 조회를 처리하는 클래스를 호출한다(ReviewFrontContro..

MVC패턴을 지키면서 특정 페이지에서 ajax를 이용한 비동기 통신으로 댓글을 작성하고 모든 댓글을 출력하는 로직을 기록하고자 한다. 지난 포스팅에 이어 이번 포스팅에는 댓글(원글)을 작성하고 저장하는 로직을 기록해 보기로 한다. 목표 ♠ JSP에서 MVC 패턴을 지키면서 AJAX를 통해 댓글(원글) 저장 로직을 구현할 수 있다. ♠ DB에서 댓글 테이블에 필요한 그룹 칼럼, 깊이 칼럼, 출력 순서 칼럼을 이해할 수 있다. DB 테이블 생성 DB는 MySQL8.0을 사용했다. 테이블 명은 comment로 설정하고, PK 칼럼은 c_id이다. CREATE TABLE `jspbookshop`.`comment` ( `c_id` INT NOT NULL AUTO_INCREMENT COMMENT '코멘트 아이디',..

도서 상세 페이지에서 도서 구매 리뷰를 보여주는 내비게이션 버튼을 클릭하면 ajax를 이용한 비동기 통신으로 디비에 저장되어 있는 해당 도서의 모든 리뷰 데이터가 웹 브라우저로 넘어와서 출력되는 로직을 기록하고자 한다. 이 로직 하나 하려고 얼마나 여기저기를 뒤적거렸는지... 원하는 대로 해결되어 뿌듯하다. 목표 ♠ JSP에서 MVC 패턴을 지키면서 AJAX를 통해 리뷰 데이터를 웹 브라우저로 가져올 수 있다. ♠ JSON.parse()을 사용할 수 있다. 로직 흐름 도서 상세 페이지에서 도서 구매 리뷰를 보여주는 리스트를 클릭하면 ajax 함수로 도서 아이디와 페이지번호를 서버로 넘긴다(bookView.jsp). 리뷰를 담당하는 컨트롤러(ajax 처리)에서 해당 URL을 받아 리뷰 데이터를 조회하는 클..