자바로 빈티지 중고거래마켓 구현하기

프로젝트명

패션 중고거래 쇼핑몰 ‘REOT’

 

 

 

<미리보기>

 

 

목  차

 

1. 프로젝트 개요······························································ 1

 

2. 프로젝트 세부 내용················································· 2

 2.1 프로젝트 진행 개요··········································· 2

 2.2 프로젝트 전체 구성도······································ 6

 2.3 소개하고 싶은 페이지··································· 10

 

3. 최종 결과······································································ 18

 3.1 프로젝트 실행 결과········································ 18

 3.2 프로젝트 진행 특이사항····························· 67

 

4. 프로젝트 진행 소감·············································· 68

 

5. 참고문헌········································································ 70

 

 

 

1. 프로젝트 개요

본 과제를 통해 ‘중고의류 온라인 마켓’ 프로그램을 개발하고자 한다.

마켓의 이름은 ‘REOT’(아리오티/리옷) 이다. ‘다시’, ’재-‘의 의미를 가지고 있는 ‘RE’와 ‘옷’을 발음 그대로 영어로 표기한 ‘OT’를 이어 직관적이고 기억에 남을만한 이름으로 선정하였다.

‘REOT’를 소개하자면 판매자는 본인이 사서 몇번 착용했지만 마음에 들지 않는 의류, 악세서리 등을 깨끗이 세탁하여 사진과 정보와 함께 업로드하면, 구매자는 이 업로드된 의류, 악세서리들 중 본인이 사고싶은 제품을 골라 원가보다 저렴하게 구매할 수 있는 패션 중고거래 마켓이다.

개발자는 현재 3학년이고, 원래 군대 입대 전 대학교 1,2학년때 네이버 스마트스토어로 의류 쇼핑몰을 운영했었다. 군대 제대 후(2학년 2학기) 학교수업만 열심히 듣기 시작했다.

하지만 계속 의류 쇼핑몰을 다시 운영하고 싶은 마음이 있었다. 줄곧 새 옷이 아니라 빈티지 의류쇼핑몰을 운영해보고 싶었는데 네이버 스마트스토어로 판매를 하면 판매액 당 옷의 수수료가 발생하기 때문에 이번엔 개발자가 빈티지 중고거래 마켓을 직접 만들어보고 싶어서 본 프로젝트를 기획하게 되었다.

 

 

 

2. 프로젝트 세부 내용

 2.1 프로젝트 진행 개요

 

확장	각 장 별 진도보고
2장	JSP 스크립트 태그(선언문, 스크립틀릿, 표현문 태그)를 이용하여 welcome.jsp에 ‘Welcome to REOT, secondhand vintage shop!’ 라는 간단한 소개 및 환영을 작성하였다. 또, 부트스트랩 프레임워크에서 제공하는 스타일 시트를 하나 적용해놓았다.
3장	2장부분에서 시작페이지에 작성해 놓았던 마켓 환영글귀가 조금 부족한 것 같 으므로 한글로된 글귀를 추가하였다. JSP디렉티브 태그를 적용하여 ‘패션 중고거래 쇼핑몰, 'REOT'에 오신 것을 환 영합니다’ 라는 내용을 출력했다. 그리고 footer.jsp와 menu.jsp를 분리하여 작성하여 놓았다. 머리글인 메뉴바, 본문, 바닥글 등으로 마켓 웹페이지를 모듈화 하기 위함이다.
4장	JSP페이지에서 자바빈즈를 작성하고 자바빈즈 액션태그를 적용하여 마켓의 판 매의류목록을 출력하였다. 원래 계획에서는 의류목록에 이미지를 제외한 옷의 이름, 브랜드, 가격, 짧은 상 세설명 등을 적으려 했는데 너무 항목이 많아 디자인을 생각하여 간결하게 이 미지, 브랜드, 옷이름, 가격만 적었다. 그리고 3장에서 분리하여 작성해놓은 footer.jsp와 menu.jsp를 welcome.jsp, clothes.jsp 페이지에 include액션태그를 적용하여 넣어주었다. 메뉴와 바닥글을 모듈화 하여 여러 jsp페이지에서 모듈화 된 머리, 바닥글로 사 용할 수 있도록 한 것이다.
5장	마켓의 의류 목록페이지 clothes.jsp에 상세정보 버튼을 만들었다. 구매자가 옷이 마음에 들어 상세정보 버튼을 클릭하게 되면 선택한 의류의 상 세정보를 출력하는 페이지 cloth.jsp페이지로 내장객체를 이용하여 이동하도록 했다
6장	판매자가 판매하고 싶은 의류를 등록하는 페이지 addCloth.jsp 페이지를 만들 었다. (addCloth.jsp 페이지는 구체적으로 판매자로부터 새로운 판매의류 정보 데이터를 입력 받아 판매의류정보를 등록하여 출력하는 페이지이다) 실제 폼 데이터에 입력된 값을 processAddCloth.jsp페이지를 이용해 새로 등 록하는 작업또한 구현하였다. 판매할 의류 정보를 등록하는 폼 페이지는 폼 태그를 이용하여 만들어주었다.
7장	판매할 의류 이미지를 등록할 수 있는 기능을 폼 페이지에 추가했다. 파일 업로드 처리 방법을 이용하여 의류 등록 페이지 addCloth.jsp 에서 옷 이 미지를 같이 등록할 수 있도록 만들었다. 이렇게 폼페이지에 이미지를 업로드할 수 있는 기능을 추가하어 의류 목록 페 이지 clothes.jsp에 판매할 의류의 이미지까지 같이 출력되도록 하였다.
8장	유효성 검사 처리방법을 이용하여 판매의류등록 페이지에서 사용자에게 판매 의류 등록 데이터를 입력받을 때 유효성을 검증하였다. 구체적으로 의류코드, 의류명, 의류가격, 브랜드명, 상세정보가 각각 빈 폼이 없 는지, 최소 글자수를 충족하는지, 숫자인지, 등을 각 데이터 별 유효성에 맞게 확인하는 작업을 추가한 것이다.
9장	JSTL fmt 태그를 적용하여 ‘REOT’의 판매의류 등록페이지 addCloth.jsp를 한글 /영문으로 변경할 수 있는 다국어 페이지를 만든다. 영어 단어 데이터가 들어있는 파일은 message_en.properties이고, 한글 데이터 가 들어있는 파일은 message.properties로 하였다. 이 파일들은 src/main/java/bundle에 위치하도록 하였다. 원래는 언어 3종류를 목표로 했었지만 우선 두가지 언어만 등록하였다.
10장	보안 처리를 적용하여 판매의류 등록 페이지 addCloth.jsp에 접근이 허가된 판 매자만 접근할 수 있도록 하고 로그아웃 처리기능도 만들었다. 판매자는 로그인 페이지 login.jsp에서 인증을 거쳐 아이디와 비밀번호가 일치 하는 것을 확인하여 접근이 허가되어야만 판매할 의류를 등록하는 페이지 addCloth.jsp에 접근할 수 있도록 하였다.
11장	예외처리방법을 적용하여 요청된 페이지나 판매의류 아이디가 없을 때 예외 처 리를 하도록 만들었다. exceptionNoPage.jsp페이지는 웹 애플리케이션에서 사용자가 요청한 페이지 를 찾을 수 없을 때 출력되는 오류 페이지이고, exceptionNoClothID.jsp페이지 는 사용자가 존재하지 않는 의류 아이디를 요청했을 때, 출력되는 오류 페이지 이다. 오류 발생시 케이스 별로 해당 오류 페이지를 출력하도록 했다.
12장	필터 처리방법을 적용하여 로그기록과 로그기록 파일을 만들었다. 이 파일에는 접속한 클라이언트 IP, 접근한 URL경로, 요청처리 시작시간. 종료시간, 요청처 리 소요시간 등이 들어있도록 했다.
13장	세션 처리 방법을 적용하여 장바구니 페이지를 만들었다. 상품주문버튼을 클릭하면 장바구니에 본 항목을 추가하도록 하는 핸들러함수 addToCart()가 실행되도록 onclick 속성을 작성하였고, 장바구니 버튼을 클릭하면 장바구니를 보여주는 웹페이지인 cart.jsp가 실행되도록 만들었다.
14장	쿠키 처리방법을 적용하여 주문처리 페이지를 만들었다. 주문처리 페이지에는 배송정보페이지, 주문정보 페이지, 주문 완료 페이지, 주문 취소 페이지 총 4개로 만들었다.
15장	데이터베이스와 테이블을 생성하여 마켓 데이터베이스 연동을 준비하였다. MySQL에 접속하여 데이터베이스를 하나 생성하고, SQL문을 이용해 판매 의류 테이블을 작성했다. 원래 clothRepository.java 에 있던 의류 목록도 삽입해주었다.
16장	JDBC API를 적용하여 판매의류 조회, 등록, 수정, 삭제 페이지를 만들었다. 이제 의류 목록들을 데이터베이스에서 가져와 출력할 수 있게 된 것이다.

 

---

 

 

<실제 최종 보고서 완성본>

 

최종결과보고서_홍해담(73).pdf

8.64MB