쇼핑몰 웹 서비스 - 원픽 (책 추천 서점)

1. 서비스 소개

제품 등록, 장바구니 추가, 주문하기 등 쇼핑몰의 핵심 서비스를 구현합니다.

1. 회원가입, 로그인, 회원정보 수정 등 유저 정보 관련 CRUD
2. 제품 목록을 조회 및, 제품 상세 정보를 조회 가능함.
3. 장바구니에 제품을 추가할 수 있으며, 장바구니에서 CRUD 작업이 가능함.
4. 장바구니는 서버 DB가 아닌, 프론트 단에서 저장 및 관리됨 (localStorage, indexedDB 등)
5. 장바구니에서 주문을 진행하며, 주문 완료 후 조회 및 삭제가 가능함.
6. 추가 기능 ...

2. 기술 스택

2-1. 프론트엔드

• Vanilla javascript, html, css (Bulma css)
• Font-awesome
• Figma, sweetalert2

2-2. 백엔드

• Express (nodemon, babel-node로 실행됩니다.)
• Mongodb, Mongoose
• cors
• NGINX, PM2

3. 폴더 구조

• 프론트: src/views 폴더
• 백: src/views 이외 폴더 전체
• 실행: 프론트, 백 동시에, express로 실행

4. 제작자

이름	담당 업무
김창민	팀장 / 프론트엔드
강민희	프론트엔드
황정현	프론트엔드
김승빈	백엔드
이수호	백엔드드

5. 실행 방법

1. 레포지토리를 클론하고자 하는 디렉토리에서 아래 명령어를 수행

git clone <레포지토리 주소>

2. 클론한 디렉토리에서 backend 디렉토리로 들어가 아래 명령어를 통해 backend에서 필요한 module 설치

npm install

3. backend에서 필요한 .env 설정

MONGODB_URL=<몽고DB URL>
PORT=5000
JWT_SECERT_KEY=<랜덤 문자열>

앱을 테스트하고 싶은 경우 다음의 몽고DB URL을 이용하세요.

• mongodb+srv://elice:[email protected]/?retryWrites=true&w=majority

단, 해당 URL은 READ만 가능하며 회원 가입을 하거나 상품 정보를 추가하는 등의 동작은 할 수 없습니다.
주어진 URL은 테스트 용이므로 실제 개발을 할 때는 해당 URL을 사용하지 않고, 반드시 직접 설치한 몽고DB의 URL을 사용하시기를 바랍니다.

4. express 앱을 실행

npm start

6. 버전

1.0.0

7. FAQ

1. 배포된 페이지는 어디에서 확인할 수 있나요?

프로젝트 기본 코드는 따로 배포하지 않았습니다, 레포지토리를 클론하여 직접 실행해보세요.

2. env 파일이 보이지 않습니다.

해당 파일은 직접 만들어서 코드를 작성해야 합니다, DB를 비롯한 서비스의 계정 정보는 절대로 Git에 함부로 공유하면 안되기 때문에 유의 바랍니다.

---

본 프로젝트에서 제공하는 모든 코드 등의는 저작권법에 의해 보호받는 ㈜엘리스의 자산이며, 무단 사용 및 도용, 복제 및 배포를 금합니다. Copyright 2022 엘리스 Inc. All rights reserved.