[CRUD을 이용한 File upload Web] (1) node js로 로컬 서버 띄우기

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

=> CRUD App With Image Upload Using NodeJs, ExpressJs, MongoDB & EJS Templating Engine

 

🥕 개발 환경 

🐧 npm init

- npm : Node Package Manager의 약자로 nodejs의 모듈 관리

- init : package.json 생성

- package.json : npm을 통해 설치된 패키지 목록을 관리, 프로젝트의 정보 및 실행 스크립트를 작성하는 파일

🐧 npm install

🐧 npm i express mongoose express-session ejs multer dotenv

- express : 웹 프레임워크

- mongoose : 비동기 환경에서 작동하도록 설계된 MongoDB 개체 모델링 도구

- express-session : Express용 단순 세션 미들웨어

- ejs : 자바스크립트가 내장되어 있는 html 파일 (템플릿엔진), html 안에서 <% %>를 이용해서 서버의 데이터를 사용하거나 코드를 실행

- multer : 파일 업로드를 위해 사용되는 multipart/form-data 를 다루기 위한 node.js 의 미들웨어

- dotenv :  환경 변수를 파일에 저장해놓고 접근 도와줌

 

🐧 npm i -D nodemon

- nodemon : 파일이 수정되면 자동으로 노드 애플리케이션을 재시작

🐧 nodemon index.js

- 서버 실행

 

 

🥕 파일 구조

 

🥕 코드

🐧 .env

APPLICATION_NAME=gani
PORT=3000
MONGODB_URI=mongodb+srv:~~~

# TOEKN SECRET 값 넣기
SECRET="I6G#D6LiJukWzx1^fw0$"

 

🐧 index.js

// imports
require("dotenv").config();
const express = require("express");
const mongoose = require("mongoose");
const session = require("express-session");

const app = express();
const PORT = process.env.PORT || 8000;

app.get("/", (req, res) => {
    res.send("Hello World");
});

app.listen(PORT, () => {
    console.log(`server started at http://localhost:${PORT}`);
});