Search

Product - 상품 등록 게시판

Created
2023/09/17 11:30
Tags

담당 도메인

Product : 상품등록 게시판은 우리 웹사이트의 핵심 기능 중 하나입니다.
우리 웹사이트의 회원 사용자들은 상품등록 게시판을 통해 쉽고 편하게 본인의 상품을 등록, 판매 할 수 있으며, 판매 수익은 우리 웹사이트의 취지에 맞게 기부금으로 전환됩니다.

세부 목차

클릭하면 해당 부분으로 이동합니다.
책 기부 게시판의 핵심 :
오직 회원만 상품을 등록할 수 있고, 비회원은 상품 등록을 할 수 없습니다.
해당 상품을 등록한 회원과 관리자만 그 게시물을 수정, 삭제할 수 있습니다.
이유 : 우리 웹사이트는 기부를 장려하는 목적으로 만들어진 사이트이기 때문에 다수의 인원이 광고 및 수익창출의 목적으로 해당 게시판의 목적이 변질될 것을 우려하여 검증된 회원 만이 상품을 등록할 수 있습니다.
이제 웹사이트에 직접 접속하여 상품등록 게시판의 주요 기능들을 시연해 보겠습니다.
시연 순서)
→ 회원가입 및 로그인 후, 상품 등록
→ 상품 리스트 조회
→ 해당 게시글 수정
→ 해당 게시글 삭제
→ 해당 게시물 구매 및 장바구니 담기
주목 포인트
비회원은 상품 등록을 이용할 수 없다. (등록,조회,수정,삭제 모두X)
해당 기부글을 작성한 회원만 그 게시물을 수정, 삭제할 수 있다.
우리 웹사이트 회원만 해당 게시물을 구매 및 장바구니 담기 기능을 사용할 수 있다.
본인이 등록한 게시물의 경우, 상품 보기 페이지에서 돌아가기, 수정, 삭제 버튼이 활성화 되며, 본인이 등록하지 않은 게시물의 경우, 장바구니 담기, 바로구매 버튼이 활성화 된다.
이슈 : 썸네일 이미지 조회 불가 & 이미지 파일 base64 인코딩 문제
썸네일 이미지 조회 불가 이슈(feat: 박태현)
이미지 파일 base64 인코딩 문제(feat: 박태현)
해결
realThumbnail 개체를 만들어 실제 파일 경로를 따로 저장하였고, image_resourcs 테이블에 이미지 경로만 따로 저장하여 content와 이미지 경로를 분리 후, frontend에서 이미지 경로만을 불러와 썸네일로 보여지게 코드를 수정함.
querySelectAll을 사용하여 quill editor 내에 존재하는 이미지 태그를 검색하여 이미지 태그에 저장하고 이미지태그를 파일 객체로 변환 후, back에 이미지를 파일로 객체로서 전달하는 방법으로 이슈를 해결함.
버그 :
디버그 :
한계
현재 구매하기 기능의 경우, 카카오페이 API를 활용하여 테스트 결제가 가능하지만 구매 승인 및 실제 구매 로직이 구현되지 않은 상황임.
사이트 사용자가 구매 완료 후, 구매 완료 페이지로 이동하지만, 실제 데이터 상, 구매가 완료되거나 결제내역 및 구매내역 등의 기능이 구현되지 않은 상황임.
검색기능의 경우, 게시판 내에서 등록된 상품 또는 게시글에 한하여 검색이 구현된 상황이나, 페이지 전체에 대한 검색기능이 부족한 상황으로, 추가 작업으로 웹사이트 내 검색기능을 추가적으로 구현 예정임.
장바구니 담기 및 결제(테스트) 기능은 구현된 상황이지만, 상품 찜하기에 대한 기능이 부족한 상황으로 추가 작업 예정임.
판매자가 상품 등록 시, 카테고리 별 상품 등록이 가능토록 설계 예정이나, 시간관계 상 추가 구현이 불가한 상황으로 추가 적으로 카테고리 백 & 프론트 작업이 필요한 상황임.
판매자 상품등록 & 구매자 상품 구매 시, 수량 선택 기능에 대한 로직 구현이 미 완성 상태임.
개선 계획 : 기간과 부족한 실력으로 수료 후에도 추가 작업을 하여 완성도 높은 웹 사이트 구현 예정임.