Sadiastic Full Stack Clothing Store

프로젝트를 설정하고 실행하는 방법

전제 조건

1. Node.js를 설치합니다:

   • 공식 웹사이트(https://nodejs.org/en/download/)에서 Node.js를 다운로드하고 설치하세요.
   • 설치 확인:

     node -v
     npm -v

2. 힘내 설치:

   • 시스템에 Git이 설치되어 있는지 확인하세요: https://git-scm.com/

3. MongoDB 및 스트라이프:

   • 결제 처리를 위해 MongoDB 데이터베이스와 Stripe 계정을 설정하세요.

---

백엔드 실행 단계

1. VS Code 또는 코드 편집기에서 프로젝트 폴더를 엽니다.
2. backend 폴더로 이동합니다.

    cd backend

3. 종속성을 설치합니다.

   npm install

4. .env 파일을 구성합니다.
   • backend/.env 파일에 다음 변수를 추가합니다.

      MONGO_URI = mongodb+srv://<username>:<password>@cluster.mongodb.net/<dbname>
     STRIPE_SECRET_KEY = your_stripe_secret_key
     PORT = 5000

   • <username> , <password> 및 <dbname> MongoDB 자격 증명으로 바꾸세요.
   • Stripe 비밀 키를 추가하세요.
5. 백엔드 서버를 시작합니다.

   npm run server

   • 백엔드는 http://localhost:5000 에서 실행됩니다.

---

프런트엔드 실행 단계

1. frontend 폴더로 이동합니다.

    cd frontend

2. 종속성을 설치합니다.

   npm install

3. 프런트엔드를 시작합니다.

   npm run dev

4. 애플리케이션을 엽니다:
   • 프런트엔드는 http://localhost:5173 에서 실행됩니다. 브라우저에서 이 링크를 엽니다.

---

관리자 패널 실행 단계

1. admin 폴더로 이동합니다:

    cd admin

2. 종속성을 설치합니다.

   npm install

3. 관리자 패널을 시작합니다:

   npm run dev

4. 관리자 패널을 엽니다:
   • 관리자 패널은 http://localhost:5174 에서 실행됩니다. 브라우저에서 이 링크를 엽니다.

---

메모

1. 프런트엔드 또는 관리 패널을 시작하기 전에 백엔드 서버가 실행 중인지 확인하세요 .
2. 데이터베이스 설정:
   • MongoDB가 실행 중이어야 하며 데이터베이스에 적절한 컬렉션( users , products , orders )이 있어야 합니다.
3. 스트라이프 결제:
   • .env 파일에 Stripe이 올바르게 구성된 경우에만 결제가 가능합니다.
4. 환경 변수:
   • 모든 필수 변수가 해당 .env 파일에 올바르게 설정되었는지 확인하십시오.

---

문제 해결

• 문제가 발생하면 터미널 로그에서 오류를 확인하세요.
• Node.js와 MongoDB가 올바르게 설치되어 실행되고 있는지 확인하세요.
• 프런트엔드 또는 관리자 패널이 로드되지 않으면 브라우저 캐시를 지우십시오.

추가 지원이 필요하면 언제든지 문의하세요!