JSP프로젝트

[JSP][도서쇼핑몰 프로젝트]#15.접속한 사용자 세션 관리하기/로그아웃

안녕하세요! 오늘을 로그인을 했을 때 메인페이지에서 사용자 정보를 유지하는 세션에 대해 알아보려고 합니다. 그리고 로그아웃페이지도 작성해주려고 합니다. 그럼 시작해볼까요? 📋순서 1. login_action.jsp 수정 2. join_action.jsp 수정 3. 메뉴 수정 4. 로그아웃 5. 결과 1. login_action.jsp 수정 userID가 null 일 때, String userID = null; 만약 "userID"란 이름으로 세션이 존재하는 사용자는 userID에 해당 세션의 ID값을 넣어줍니다. if(session.getAttribute("userID") != null) { userID = (String)session.getAttribute("userID"); } userID값이 nul..

[JSP][도서쇼핑몰 프로젝트]#14.로그인 / 회원가입 페이지 만들기

안녕하세요! 오늘은 이전에 만든 user테이블을 이용하여 로그인 및 회원가입을 하려고 합니다. 로그인과 회원가입은 이 UI를 이용하여 만들어 주었습니다. https://wsss.tistory.com/1202 로그인과 회원가입을 할 수 있는 창 See the Pen Slide Form by Arturo Cabrera (@Pixmy) on CodePen. 로그인과 회원가입을 할 수 있는 창 wsss.tistory.com 이 CSS/ JS를 이용하면 하나의 페이지에서 로그인 및 회원가입을 할 수 있지만 저는 로그인과 회원가입페이지를 나누어서 따로따로 작성하였습니다. 로그인과 회원가입을 할 때 입력받은 데이터를 Action페이지로 넘겨서 처리를 해주는데요. 이때, 사용하는 것이 바로 폼(form)입니다. 폼은 ..

[JSP][도서쇼핑몰 프로젝트]#13.데이터베이스/테이블 생성 및 연동하기

안녕하세요. 오늘은 데이터베이스를 만들어주고 jsp파일과 연결하여 로그인, 회원가입을 할 수 있도록 만들어주려고 합니다. 이렇게 데이터베이스를 연동하기 전에 MySQL설치와 MySQL드라이버를 설치해 주어야 합니다. 그리고 이클립스 프로젝트에 MySQL커넥트 드라이버를 연결해주어야 하는데 이때 wepapp/WEB-INF/lib/폴더에 위치해야 합니다. 데이터베이스 생성 및 연동하는 부분은 동빈나채널의 JSP게시판 만들기 강좌를 이용하였습니다. 그럼 시작해 볼까요? 📋순서 1. 데이터베이스 생성 2. 테이블 생성 / 데이터 입력 3. 데이터베이스 연동 1. 데이터베이스 생성하기 'BOOKDB'라는 이름으로 데이터베이스를 하나 생성해 주었습니다. 그리고 show databases; 입력해서 확인해 보면 잘 ..

[JSP][도서쇼핑몰 프로젝트]#12.주문처리페이지 만들기

안녕하세요! 오늘은 쿠키를 이용하여 주문정보를 받아 처리해 주는 페이지를 만들려고 합니다. 쿠키(cookie)는 세션과 마찬가지로 클라이언트와 웹 서버 간의 상태를 지속적으로 유지해 주는 방법입니다. 하지만 쿠키는 세션과 달리 상태정보를 웹서버가 아닌 클라이언트에 저장해 줍니다. 그렇기 때문에 쿠키는 클라이언트의 일정 폴더에 정보를 저장해서 웹 서버의 부하를 줄일 수 있다는것이 장점이고 단점으로는 웹 브라우저가 접속했던 웹사이트에 관한 정보와 개인정보가 기록되기 때문에 보안에 문제가 있습니다. 이러한 보안 문제를 해결하기 위해 웹브라우저에는 쿠키 거부기능이 추가되어 있습니다. 그럼 이제 배송정보를 처리해주는 주문처리페이지를 만들어보겠습니다. 📋순서 1. 장바구니 페이지 수정 2. 배송 정보 페이지 작성 ..

[JSP][도서쇼핑몰 프로젝트]#11.장바구니 페이지 만들기(2)

안녕하세요! 오늘은 지난 시간에 이어서 장바구니 페이지의 삭제기능을 만들어 보려고 합니다. 상품을 삭제하고 싶을 때 개별삭제를 할 수도 있고 전체 삭제를 할 수도 있을 텐데요. 간단한 코드이니 빠르게 살펴봅시다. 📋순서 1. 개별 상품 삭제하기 2. 전체 상품 삭제하기 3. 결과 #01. 장바구니에 등록된 개별 상품 삭제 removeCart.jsp를 새로 생성해 줍니다. 그리고 스크립트 태그 안에 다음과 같이 작성해 주면 됩니다. String id = request.getParameter("id"); if (id == null || id.trim().equals("")) { response.sendRedirect("products01.jsp"); return; } 요청된 파라미터 아이디를 전송받도록 re..

[JSP][도서쇼핑몰 프로젝트]#10.장바구니 페이지 만들기(1)

안녕하세요! 오늘은 도서를 주문했을 때 담길 장바구니 페이지를 만들어주려고 합니다. 도서 상세페이지에서 '주문하기'버튼을 클릭했을 때 장바구니에 담기도록 하고 버튼을 이용하여 장바구니 페이지로 넘어가도록 만들어 주었습니다. 그럼 장바구니 페이지에는 어떤 기능들이 필요할까요? 장바구니에는 삭제, 주문, 목록 버튼을 만들어서 각각이 구현되도록 만들어줄 것입니다. 그럼 시작해 볼까요? 📋순서 1. 변수 추가 & 상세페이지 수정 2. 장바구니 페이지 만들기 3. 결과 #01. 변수 추가&상세 페이지 수정 장바구니 페이지는 도서 상세페이지에서 넘어갈 수 있도록 만들어 줄 것입니다. 그러기 위해서는 도서 상세페이지 수정도 같이 해줘야 합니다. 1-1. 멤버 변수 추가해 주기 장바구니에 담은 상품의 개수를 관리하도록..

[JSP][도서쇼핑몰 프로젝트]#9.로그 기록하기

안녕하세요! 오늘은 페이지를 실행했을 때 로그가 기록되는 것을 만드려고 합니다. 그럼 진행순서부터 살펴볼까요? 📋순서 1. Filter인터페이스 클래스 작성 2. web.xml파일에 필터 구성 3. 결과 #01. Filter인터페이스의 구현 클래스 작성 /src/ 폴더에 filter패키지를 만들어 준 후 LogFilter.java파일을 생성해주고 다음과 같이 코드를 작성하여 주면 되는데요. 필터를 초기화 하도록 init()메소드를 작성하여 줍니다. public void init(FilterConfig config) throws ServletException{ System.out.println("BOOK 초기화...."); } 필터를 리소스에 적용하도록 doFilter()메소드를 작성하여 줍니다. publ..

[JSP][도서쇼핑몰 프로젝트]#8.예외처리 페이지 만들기

안녕하세요! 오늘은 요청페이지나 상품아이디가 없을 경우 예외처리를 해주는 페이지를 만들려고 합니다. 그럼 진행순서부터 알아볼까요? 📋순서 1. errorPage속성을 이용해서 오류페이지 호출 2. web.xml파일에 오류페이지호출 3. 결과 #01. 유효성 검사를 위한 항목 작성해 주기 1-1. 오류페이지 작성하기 오류페이지를 만들어 주기 위해 exceptionNoProductId.jsp 페이지를 생성해 줍니다. 이때, 오류 발생 시 해당 오류 페이지를 출력할 수 있도록 표현문 태그에 request내장 객체의 getRequestURL()메소드를 작성해 줍니다. 또한 요청 파라미터를 출력하도록 표현문 태그에 request내장 객체의 getQueryString()메소드를 작성합니다. ? 전체 코드는 다음과 ..

[JSP][도서쇼핑몰 프로젝트]#7.페이지 디자인 구상

안녕하세요! 오늘은 다음 페이지를 만들기 전에 그동안 만들었던 페이지들을 디자인을 해보려고 합니다. 현재까지 만든 페이지들은 메인페이지, 도서목록, 도서상세, 도서등록 페이지입니다. 저는 도서 쇼핑몰 프로젝트의 주제를 어린이 도서쇼핑몰로 잡았기 때문에 조금 귀여우면서 깔끔하게 꾸며주려고 하는데요! 디자인구상을 하면서 교보문고와 yes24를 참고하였는데, 깔끔하면서 배치되어 있는 것들이 좋다고 생각하여 두 사이트들을 참고예시로 잡았습니다. 그럼 이제 시작해볼까요? 🎨사용된 색상, #7AB730이 메인컬러입니다! #01. 시나리오 1. HOME(메인페이지) 메뉴바를 이용하여 페이지 이동 및 로그인/회원가입 가능 로고를 클릭하면 메인페이지로 돌아갈 수 있다. 검색기능 탭 메뉴를 활용하여 추천도서를 보여줍니다...

[JSP][도서쇼핑몰 프로젝트]#6.상품등록데이터 유효성 검사&다국어 처리하기

안녕하세요! 오늘은 상품을 등록할 때 입력란에 원하는 항목을 정해두어 그것에 맞는지 유효성검사를 하는 기능과 한글/영어 왔다 갔다 할 수 있는 다국어 처리를 하려고 합니다. 그럼 진행 순서부터 알아볼까요? 📋순서 1. 유효성 검사를 위한 항목 작성 2. 도서 등록페이지 수정 3. 한글/영문 리소스번들 만들기 4. 상품등록 다국어 처리하기 5. 결과 #01. 유효성 검사를 위한 항목 작성해 주기 1-1. validation.js파일 생성 먼저 코드를 작성해 주기 전에 resources에 js폴더를 만들고 validation.js파일을 만들어 줍니다. 1-2. validation.js에 코드 작성해 주기 이렇게 파일을 만들어 주었으면 코드를 작성해 줄 건데요! 먼저, 유효성 검사는 도서 아이디, 도서명, 가..