Nodejs 로그인&회원가입 구현

오늘은 Nodejs로 Json을 다루어 로그인&회원가입 로직과 웹페이지를 구현해보았다.

 

 

파일구조

Node_UserJoin
├─ node_modules 
├─ bin
│  └─ www.js 
├─ src
│  ├─ database
│  │  └─ userData.json
│  ├─ modules 
│  │  ├─ user.js
│  │  └─ userStorage.js
│  ├─ public 
│  │  ├─ css
│  │  │  ├─ error
│  │  │  │  └─ 404.css
│  │  │  └─ home
│  │  │     ├─ login.css
│  │  │     ├─ signup.css
│  │  │     └─ mainPage.css
│  │  ├─ img
│  │  │  └─ blueWater.jpg
│  │  └─ js
│  │     ├─ error
│  │     │  └─ 404.js
│  │     └─ home
│  │        ├─ login.js
│  │        ├─ signup.js
│  │        └─ mainPage.js
│  ├─ routes 
│  │  └─ home
│  │     ├─ home.ctrl.js
│  │     └─ index.js
│  └─ views
│  │  ├─ error
│  │  │  └─ 404.ejs
│  │  └─ home
│  │     ├─ login.ejs
│  │     ├─ signup.ejs
│  │     └─ mainPage.ejs
├─ .env
├─ .gitignore
├─ app.js
├─ LICENSE
├─ README.md
├─ package-lock.json
└─ package.json

 

 

package.json

{
  "name": "user_join",
  "version": "1.0.0",
  "description": "",
  "main": "./bin/www.js",
  "bin": {
    "user_join": "www.js"
  },
  "scripts": {
    "start": "nodemon ./bin/www.js"
  },
  "keywords": [],
  "author": "",
  "license": "MIT",
  "dependencies": {
    "body-parser": "^1.20.1",
    "dotenv": "^16.0.3",
    "ejs": "^3.1.8",
    "express": "^4.18.2",
    "nodemon": "^2.0.20"
  }
}

 

 

시연영상

 

 

소스코드 링크

https://github.com/levhyun/Node_UserJoin

GitHub - levhyun/Node_UserJoin

 

https://drive.google.com/file/d/13g4X5mfOCiA66Ye9L66rhuCOaH9I6XFY/view?usp=sharing 

Node_UserJoin.zip