MangoTang

소개

프로젝트 주제 : 쇼핑몰
쇼핑몰 url : (했던 과정) https://blog.naver.com/ghdtjddn0612/222647397155
팀원 : 혼자

사용 기술

프론트엔드 : HTML, CSS, JS, jQuery
백엔드 : django 3.2.12
데이터베이스 : SQLite3
배포 : amazon lightsail, ubuntu 20.04 LTS, nginx, gunicorn

BPMN (자세한 내용은 drawio 폴더 확인)

draw.io를 사용하여 사용자, 클라이언트백엔드, 관리자 입장의 흐름도를 표현

데이터 베이스

장고 앱별 기능

store 앱

메인 화면으로 상품표시, 상품상세정보 표시, 카트, 회원가입등 쇼핑몰의 기본 기능등을 담당한다.

대표 기능

로그인
1. 장고 기본 로그인 사용
2. django-allauth 사용하여 네이버, 카카오, 구글 로그인 구현
상품상세 페이지
1. 제품 클릭시 해당 제품의 고유 번호에 따라 해당 제품 출력
2. 후기 / 문의 같은 경우 리뷰가 5가지 넘어갈시 페이징 구현, 다음페이지 넘길시 jquery로 다음 페이지 요청
카트
1. 상품상세 페이지에서 카트에 추가한 제품들 출력
2. 상품 삭제, 추가 jquery로 url 요청

iamport 앱

결제 / 환불 기능을 담당 iamport api를 사용

대표 기능

결제
1. 주소입력 부분은 다음 우편번호 api 사용
2. 필수 정보 입력시 iamport 서버에 요청
3. view에서 토큰을 받아 위조인지 아닌지 확인 후 결제 완료
환불
1. 고객이 여러가지 상품을 한번에 구매시 부분 환불 가능
2. 부분환불 금액 만큼 iamport 서버에 요청

mypage 앱

고객 정보페이지, 환불/교환신청, 리뷰쓰기, 문의사항, 개인정보 수정이 가능

대표기능

주문 / 배송내역
1. 배송조회 sweettracker api 사용, 제품 상태에 따라서 조회 가능 하거나 불가능
2. 교환 / 반품 신청, 배송 상태에 따러서 즉시 환불되거나 관리자에게 메시지 전송
3. 리뷰쓰기 해당 제품의 리뷰 등록
사용자 정보
1. 시용자의 정보 확인가능

배포

아마존 라이트세일 서버를 사용 Nginx로 정적파일 처리, 그리고 프록시 서버로 동적파일은 Gunicorn, wsgi를 사용