Resell & Exchange Market

---

📄프로젝트 소개

---

• REM Project는 평소 중고거래에 관심이 많은 팀원들이 모여 첫 프로젝트로 번개장터를 클론코딩하였습니다.
• 첫 프로젝트인만큼 부족한점도 많지만 팀원 모두가 배웠던 것들을 모두 활용하여 react와 spring수업을 나가기 이전에 자신의 부족한점을 채우는 것에 중점을 두었습니다.

📆 기간

2025.03.26 ~ 2025.04.09

🧑‍💻팀구성

• 이윤석(PL)
  • 로그인, 회원가입, 메인, 페이지네이션, 페이충전, 알림, 회원정보수정, 검색
  • 관리자페이지: 공지사항, 신고게시판
• 김찬영(AA)
  • 마이페이지(프로필, 상점정보), 공지/FAQ/문의 게시판
  • 안심거래-페이내역 DB 자동화
• 정상윤(TA)
  • 상품 등록, 구매 페이지, 구매 완료 페이지, 개인 채팅방
• 이예솔(UA)
  • html, CSS, js 뼈대 구성 (header, main, modal, 상품페이지), include+import 세팅
  • 관리자페이지: 상품게시판, 문의, 카테고리 수정, 후기내역, 채팅방관리, 메세지관리
• 이학범(DA)
  • 관리자페이지: FAQ 게시판, 찜내역, 조회내역, 거래관리
• 홍태규(DA)
  • 신고 작성 페이지, 거래관리(상품관리-구매관리-판매관리)페이지

💻개발 환경

• Front-end: HTML, CSS, JavaScript, JSP, jQuery
• Back-end: Java, Oracle
• API: kakao Pay, kakao Map
• Lib&Framework: Swiper, Gson, Google material-icons, MyBatis
• Tools: eclipse, vs code, SQL Developer
• SCM: TortoiseSVN

🔎 기능 설명

1. 메인페이지

• 유틸 네비게이션바에서는 공지사항, 문의, FAQ와 알림, 띹페이, 회원정보 수정, 로그아웃 기능으로 이동을 제공한다.
  • 알림을 클릭하면 팝업창으로 알림내역을 확인하고 링크를 제공한다.
  • 페이를 클릭하면 팝업창으로 페이잔액과 거래내역, 카카오페이API를 통한 충전을 제공한다.
• 네이게이션에서는 검색과 상품 등록, 거래관리, 마이페이지, 채팅 기능으로 이동을 제공한다.
• 상단 베너에 광고이미지를 띄워주며 swiper를 이용해 애니메이션을 주었다.
• 하단에는 최신에 등록 또는 끌어올리기가 된 순서대로 상품을 보여준다.
• 하단에는 페이지네이션이 구현되어 있다.
• 우측 퀵메뉴에서는 찜한 상품의 갯수와 24시간 이내 조회한 상품 내역을 보여준다.

2. 로그인

• 이메일주소와 비밀번호를 입력하고 로그인 버튼을 클릭하여 로그인할 수 있다.
• 로그인한 계정이 사용자계정이라면 사용자 메인페이지로 관리자 계정이라면 관리자 메인페이지로 이동한다.
• 회원가입은 이메일과 패스워드와 이름을 입력하여 가입할 수 있다.
• 이메일을 중복체크를 할 수 있으며 패스워드를 두번 입력하여 동일해야 회원가입이 완료된다.

3. 검색

• 상품명 또는 상점명을 입력하여 검색할 수 있다.

4. 상점

• 각 회원마다 주어지는 마이페이지로, 프로필과 상점정보를 확인할 수 있습니다.
• 프로필에서는 회원의 프로필사진과 상점 별명, 자기소개글을 확인하고 수정할 수 있습니다.
  • 전화번호 기입을 통해 본인인증한 경우 프로필영역 우측 상단에 인증 표시가 활성화됩니다.
  • 판매한 상품의 리뷰 평점을 집계하여 별점 색상으로 표시합니다.
  • 수정하기 버튼을 누르면 해당 페이지에서 비동기로 프로필정보를 수정합니다.
  • 다른 회원의 프로필에는 수정버튼 대신 신고하기 버튼이 활성화됩니다.
• 탭 영역에서는 상점에서 판매하는 상품과 거래 후 다른 회원들이 남긴 리뷰를 확인할 수 있습니다.
  • 찜목록 탭은 회원 본인의 마이페이지에서만 활성화되며, 자신이 찜한 상품들을 리스트로 보여줍니다.
  • 상점에서 게시한 상품들과 거래 회원들이 작성한 리뷰를 리스트로 보여줍니다.
  • 각 탭 영역의 좌측상단에는 리스트의 개수를 집계하고 있으며, 우측상단의 기준 변경으로 리스트를 정렬합니다.
  • 모든 탭에 페이지네이션과 정렬 기능이 반영되어 있습니다.

5. 상품상세

• 가격, 거래 방법, 판매자 등 상품의 종합적인 정보를 한눈에 볼 수 있는 페이지입니다.
• 여러가지 버튼을 통해 각기 다른 페이지로 이동할 수 있습니다.
  • 판매자의 프로필 사진을 누르면 판매자의 개인 페이지로 이동 할 수 있습니다.
  • 띹톡 버튼을 누르면 바로 판매자와의 채팅방이 개설되며 채팅 할 수 있습니다.
  • 구매하기 버튼을 누르면 상품 구매 페이지로 이동 합니다.
  • 신고하기 버튼을 누르면 신고 작성 페이지로 바로 이동 합니다.
• 찜 버튼을 누르면 내가 찜을 눌렀는지 알 수 있고, 내 찜 목록에 들어갑니다.
• 같은 카테고리의 상품들을 추천해 줍니다.

6. 상품등록

• 판매하고자 하는 상품을 등록하는 페이지 입니다.
• 상품에 대한 여러가지 정보를 입력해야 합니다
  • 사진을 등록해야 합니다.
  • 상품의 이름을 입력해야 합니다
  • 상품의 카테고리를 정해줘야 합니다.
  • 상품의 상태와 설명, 가격을 기술해야 합니다.
  • 가격을 제안 받을지 정할 수 있고, 상품 거래 방식을 입력해야 합니다.
• 정보를 다 입력하고 등록하기 버튼을 누르면 상품이 등록되고 상품 상세 페이지로 이동

7. 상품구입

• 상품을 구매하기 전에 상품의 대한 정보를 다시 한번 확인합니다.
• 약관에 동의하지 않으면 상품을 구매할 수 없습니다.
• 페이에서 돈이 출금 되며, 잔액이 부족하면 구매할 수 없습니다.
• 구매를 성공하면 구매 완료 페이지로 이동합니다.

8. 채팅

• 1:1 채팅을 할 수 있는 페이지 입니다.
• 상품 등록을 해 놓은 판매자에게만 구매자가 채팅 방을 개설할 수 있습니다.
• 실시간으로 상대방과 채팅을 주고 받을 수 있습니다.
• db에 메시지를 기록하기 때문에 실시간으로 채팅을 하지 않아도 채팅 방을 누르면 언제든 채팅 기록을 볼 수 있습니다.
• 채팅 방 목록에서 상점가기를 누르면 상대방의 개인 페이지로 이동합니다.

9. 거래관리

• 사용자가 판매, 구매하는 상품의 거래를 관리하는 페이지입니다.
• 상품 관리에서는 자신이 등록한 상품과 정보를 확인할 수 있습니다.
  • 등록한 상품의 등록 시간을 업데이트, 정보를 수정, 삭제할 수 있습니다.
• 구매 관리에서는 자신이 구매한 상품, 거래 정보를 확인할 수 있습니다.
  • 구매 거래 중인 상품의 운송 정보를 확인할 수 있습니다.
  • 구매를 확정하고 거래 완료 상태가 되면 리뷰를 남길 수 있습니다.
• 판매 관리에서는 다른 사용자가 구매한 자신의 상품, 거래 정보를 확인할 수 있습니다.
  • 판매 거래 중인 상품의 운송 정보를 입력할 수 있습니다.
  • 구매가 확정되어 거래 완료 상태가 되면 구매자가 남긴 리뷰를 확인할 수 있습니다.

10. 게시판

• 공지사항, FAQ, 문의, 신고에 해당하는 네 개의 게시판이 있으며, 헤더에서 접근할 수 있습니다.
  • 공지사항 게시판에서는 관리자페이지에서 작성한 공지를 출력합니다.
  • FAQ 게시판에서는 는 다섯 개의 자주 묻는 질문 유형을 탭으로 구분하여 출력합니다.
  • 문의 게시판에서는 회원이 작성한 문의글 내역 조회, 문의글 작성, 답변 확인 등이 가능합니다.
  • 신고 게시판에서는 플랫폼에서 접수된 모든 신고 내역 조회, 신고글 작성, 답변 확인 등이 가능합니다.
• 모든 게시판에는 페이지네이션과 검색 기능이 반영되어 있습니다.

11. 관리자

11-1. 메인

• 신규가입 회원 목록 5건을 조회할 수 있다.
• 최근 등록 상품 목록 5건을 조회할 수 있다.
• 최근 거래내역 5건을 조회할 수 있다.

11-2. 카테고리

• 메뉴에 진입 시 대분류 리스트를 셀렉트 해 화면에 띄워줍니다.
• 대분류명 클릭 시 해당 대분류 하위 중분류들을 셀렉트 해 중분류 dom에 띄워줍니다.
• 추가버튼 클릭 시 대분류, 중분류를 추가해줍니다.
• 카테고리 수정 시:
  • 대분류: 대분류를 수정한 뒤 수정된 대분류 명을 화면에 띄워줍니다.
  • 중분류: 해당 중분류명이 속해있는 대분류 명을 모달창에 띄워주고, 수정 후 수정된 중분류명을 화면에 출력해 줍니다.

11-3. 채팅방 관리

• 전체 채팅방 리스트를 출력해줍니다.
• 전체 채팅방의 채팅방 명, 채팅방 번호 검색 시 해당 검색조건에 맞는 게시글을 셀렉트에 화면에 출력해 줍니다.
• 채팅방 명 클릭 시 채팅방에 참여한 멤버의 정보를 출력해 줍니다.
• 검색한 채팅멤버의 회원번호, 이름, 별명 검색 시 해당 검색조건에 맞는 게시글을 셀렉트해 화면에 출력해 줍니다.

11-4. 문의 게시판

• 작성된 문의글을 선택해 화면에 출력해줍니다.
• 작성자번호, 제목 선택 후 검색 시 해당 검색조건에 맞는 게시글을 선택해 화면에 출력해 줍니다.
• 게시글 삭제버튼 클릭 시, 삭제 여부를 체크하는 confirm창을 띄운 후
• 확인 버튼 클릭 시: 최종 delete 시킵니다.
• 취소 버튼 클릭 시: 삭제 실패라는 팝업 출력 후 delete 작업을 중단합니다.
• ‘제목’ 클릭 시 해당 게시글의 상세보기 페이지로 이동합니다.
• 상세보기 페이지 이동 후
  • 답변완료 일 경우:
  • 답변된 내용을 출력해줍니다.
  • 수정 버튼 클릭 시, 기존 답변 내용을 textarea에 출력합니다. 수정내용 기입 후 등록하기 버튼 클릭 시 수정된 내용을 화면에 출력해줍니다.
  • 답변 전 일 경우:
  • 답변하기 버튼을 출력해줍니다.
  • 답변하기 버튼 클릭 시, textarea를 화면에 출력합니다.
  • 등록하기 버튼을 클릭하면 등록한 내용을 화면에 출력합니다.

11-5. 후기 내역

• 리뷰게시판에 작성된 전체 게시글을 선택해 출력해줍니다.
• 리뷰확인버튼 클릭 시, 해당 리뷰의 상세 정보를 모달창으로 띄워줍니다.
• 게시글 삭제버튼 클릭 시, 삭제 여부를 체크하는 confirm창을 띄운 후
• 확인 버튼 클릭 시: 최종 delete 시킵니다.
• 취소 버튼 클릭 시: ‘삭제 취소’ 팝업 출력 후 delete 작업을 중단합니다.
• 리뷰글의 번호, 거래상품 이름, 작성자 검색 시 해당 검색조건에 맞는 게시글을 셀렉트해 화면에 출력해 줍니다.