[E-Commerce App with Fullstack] (1) 기본 환경 세팅하기

<본 블로그는 Techinfo YT 의 유튜브를 참고해서 공부하며 작성하였습니다 :-)>

=> Mern stack Ecommerce App Lets Build And Deploy Mern Stack Project full-stack development

 

☘️ Project Setup

💚 버전 확인

 

💚 npm init -y

 

💚 npm i express colors nodemon dotenv

 

☘️ Server Setup

💚 초기 server.js

const express = require("express");

// rest object
const app = express();

// rest api
app.get("/", (req, res) => {
  res.send({
    message: "Welcome to ecommerce app",
  });
});

// PORT
const PORT = process.env.PORT || 8000;

// run listen
app.listen(PORT, () => {
  console.log(`Server Running on http://localhost:${PORT}`);
});

 

💚configure 추가된 server.js

const express = require("express");
const colors = require("colors");
const dotenv = require("dotenv");

// configure env
dotenv.config();

// rest object
const app = express();

// rest api
app.get("/", (req, res) => {
  res.send("<h>Welcome ecommerce app</h>");
});

// PORT
const PORT = process.env.PORT || 8000;

// run listen
app.listen(PORT, () => {
  console.log(
    `Server Running on ${process.env.DEV_MODE} http://localhost:${PORT}`
  );
});