감 잃지말고 개발하기

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

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

교보문고 고객센터 페이지를 모델로 하여 MVC패턴을 지키면서 ajax를 이용한 비동기 통신으로 DB에 저장된 데이터를 브라우저에 출력하는 로직을 기록하고자 한다. 지난 포스팅에서는 FAQ 페이지가 요청되는 두 가지 방식 두 번째 방식의 로직을 구현해 보았다. 이번 포스팅에서는 중분류 버튼을 클릭했을 때 해당 중분류에 따른 FAQ 데이터만 출력되는 로직을 구현해 보도록 하겠다. 전체적인 흐름은 이전 포스팅과 동일하다. 목표 ♠ JSP에서 MVC 패턴을 지키면서 AJAX를 통해 데이터를 출력할 수 있다. ♠ 교보문고 고객센터 페이지를 구현할 수 있다. 로직 흐름 FAQ 페이지에서 중분류 버튼을 클릭하면 ajax로 해당 대분류 코드(PK)와 중분류 코드(PK)가 서버에 넘어간다(faq.jsp). 해당 컨트롤러..

교보문고 고객센터 페이지를 모델로 하여 MVC패턴을 지키면서 ajax를 이용한 비동기 통신으로 DB에 저장된 데이터를 브라우저에 출력하는 로직을 기록하고자 한다. 지난 포스팅에서는 FAQ 페이지가 요청되는 두 가지 방식 중 첫 번째 방식의 로직을 정리해 보았다. 이번 포스팅에서는 두 번째 방식의 로직을 기록해 보겠다. 두 번째 방식의 로직은 AJAX를 이용한 데이터 통신 방식이다. 목표 ♠ JSP에서 MVC 패턴을 지키면서 AJAX를 통해 데이터를 출력할 수 있다. ♠ 교보문고 고객센터 페이지를 구현할 수 있다. 로직 흐름 이미 한번 요청된 FAQ 페이지에서 다시 대분류 카테고리를 클릭하면 ajax로 해당 대분류 코드(PK)가 서버에 넘어간다(faq.jsp). 해당 컨트롤러에서 URL을 받고, 해당 요청..

교보문고 고객센터 페이지를 모델로 하여 MVC패턴을 지키면서 ajax를 이용한 비동기 통신으로 DB에 저장된 데이터를 브라우저에 출력하는 로직을 기록하고자 한다. 지난 포스팅에서는 고객센터 메인 페이지 및 FAQ 페이지에서 중요한 HTML 코드를 살펴보았고, FAQ 페이지가 요청되는 두 가지 방식을 정리해 보았다. 이번 포스팅에서는 두 가지 방식 중 첫 번째 방식의 로직을 기록해 보겠다. 목표 ♠ JSP에서 MVC 패턴을 지키면서 AJAX를 통해 데이터를 출력할 수 있다. ♠ 교보문고 고객센터 페이지를 구현할 수 있다. 로직 흐름 고객센터 메인 페이지에서 대분류를 클릭하면 새로운 URL이 요청되고, 파라미터 fcode가 서버로 넘어간다(index.jsp). 해당 컨트롤러에서 해당 URL을 받아 fcode..

교보문고 고객센터 페이지를 모델로 하여 MVC패턴을 지키면서 ajax를 이용한 비동기 통신으로 DB에 저장된 데이터를 브라우저에 출력하는 로직을 기록하고자 한다. 지난 포스팅에서는 고객센터 페이지를 구현하기 위해 필요한 DB 테이블 설정 및 VO 클래스 생성, 서버에서 보낼 데이터의 형식을 기록했다. 이번 포스팅에서는 고객센터 메인 페이지 및 FAQ 페이지에서 중요한 HTML 코드를 살펴보고, FAQ 페이지가 요청되는 두 가지 방식을 정리해 보겠다. 목표 ♠ JSP에서 MVC 패턴을 지키면서 AJAX를 통해 데이터를 출력할 수 있다. ♠ 교보문고 고객센터 페이지를 구현할 수 있다. 로직 흐름 코드 및 실행화면 1. 고객센터 메인 페이지(index.jsp) 1-1. ▼ 고객센터 메인 페이지 아래 이미지는 ..

교보문고 고객센터 페이지를 모델로 하여 MVC패턴을 지키면서 ajax를 이용한 비동기 통신으로 DB에 저장된 데이터를 브라우저에 출력하는 로직을 기록하고자 한다. 지난 포스팅에서는 교보문고 페이지를 살펴보면서 전체적인 구현 틀을 잡아보았다. 이번 포스팅에는 고객센터 페이지를 구현하기 위해 필요한 DB 테이블 생성 및 VO 클래스 생성과 ajax를 통해 서버에서 보낼 JSON 데이터 형식을 잡아보도록 하겠다. 목표 ♠ 특정 페이지 구현을 위해 필요한 DB 테이블을 생성하고 설정할 수 있다. ♠ 특정 페이지 구현을 위해 필요한 VO 클래스를 생성할 수 있다. DB 테이블 생성 및 설정 고객센터 페이지에서 생성한 테이블은 다음과 같다. 1. FAQ 대분류 테이블 대분류 테이블에 필요한 칼럼은 대분류 코드(PK..

교보문고 고객센터 페이지를 모델로 하여 MVC패턴을 지키면서 ajax를 이용한 비동기 통신으로 DB에 저장된 데이터를 브라우저에 출력하는 로직을 기록하고자 한다. 참고 모델이 된 교보문고 고객센터 페이지의 내부 코드는 아예 모르지만 개발자 도구를 참고하면서 최대한 비슷하게 따라 하려 노력했다. 가장 기본인 브라우저 구현 계획부터 혼자 짜보면서 코딩 수준은 둘째치고 로직 흐름을 잡아가는 것에 많은 도움이 되었다고 생각한다. 혼자 기억하긴 뭐해서 이렇게 기록해 보았다. 얍. 고객센터 페이지 제작의 첫단계로 이번 포스팅에서는 교보문고 페이지를 살펴보면서 구현 틀을 잡아보도록 하겠다. 목표 ♠ 특정 페이지 구현 방향을 계획할 수 있다. ♠ JSP에서 MVC 패턴을 지키면서 AJAX를 통해 데이터를 가져올 수 있..

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

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