[NodeJS] 사용자 회원가입

NodeJS를 통한 사용자 회원가입 구현 

사용자 회원가입을 구현하기 위해 Express 서버를 생성하고 설정을 해준다. 

userRoute의 route에서 /app/users로 보내주고 src/app/user의 userController.js 파일에서 예외처리를 할 것이고 userService에서는 Create, Update, Delete 를 구현할 것이다. userProvider는 Read 로직을 처리 할 예정이다. 

userDao에서는 데이터베이스를 접근하게 될 것이다. 

 

userRoute -> userController -> userService / userProvider -> userDao

---

📄 app.js

import express, { json, urlencoded } from 'express';
import methodOverride from 'method-override';
import logger from 'morgan';
import routes from './config/route.js';
import dotenv from 'dotenv';
import cookieParser from 'cookie-parser';
dotenv.config();
const port = process.env.SERVER_PORT || 5000;

class App {
  constructor() {
    this.app = express();

    this.setMiddleWare();

    this.getRouting();

    this.listen();
  }
  setMiddleWare() {
    this.app.use(logger('dev'));

    this.app.use(json());
    this.app.use(urlencoded({ extended: false }));

    this.app.use(methodOverride());
    this.app.use(cookieParser());
  }
  getRouting() {
    this.app.use('/', routes);
  }
  listen() {
    this.app.listen(port, () => {
      console.log(`Server is running on ${port}`);
    });
  }
}

export default new App().app;

여기서 express 설정, 라우팅 설정을 해주게 된다. 그 외의 미들웨어나 Json 형식을 읽어오기 위한 설정, 쿠키 설정이 있다. 

---

📄 route.js

import { Router } from 'express';
import userRoute from '../src/app/user/userRoute.js';
import authRoute from '../src/auth/authRoute.js';
const router = Router();

router.use('/app/users', userRoute);
router.use('/auth', authRoute);

export default router;

route.js 파일에서는 경로를 지정해주고 userRoute에 있는 경로를 따라가게 된다. 

authRoute는 JWT 토큰을 인증해주는 코드가 있는 경로이다. 

---

📄 userRoute.js

import { Router } from 'express';
const router = Router();

import userController from './userController.js';
import { authentication, reissuanceToken } from '../../../config/jwtMiddleware.js';

router.post('/', userController.postUser); // 회원가입 API
router.post('/login', userController.login); // 로그인 API
export default router;

회원가입은 POST 메소드를 이용하여 Body 값을 받게 된다. 라우터 설정을 해놓았기 때문에 '/app/users' 경로로 요청이 들어오면 userController.postUser 의 함수가 실행되고 회원가입이 실행된다. 

로그인 또한 POST 메소드를 이용해  '/app/users/login' 로 요청이 들어오면 userController.login이 실행된다. 

---

📄 userController.js

postUser = async function (req, res) {
    const parsedType = parseInt(req.body.distinction); // 회원 구분
    console.log(parsedType);
    console.log(req.body.distinction);
    // type 1. 사용자, 2.조직/기관
    if (parsedType === 1) {
      // 사용자 회원가입
      // 사용자 테이블에 정보 입력
      const userId = req.body.id;
      const password = req.body.password;
      const userName = req.body.name;
      const phoneNumber = req.body.phoneNumber;
      const address = req.body.address;
      const type = req.body.distinction; // req.body.type
      const info = req.body.info;

현재 클라이언트와 협의가 이루어지지 않아 body로 받는 값을 통일하지 않았다. 그래서 변수를 담는 코드가 조금 더럽지만 이는 추후 코드를 바꿀 것이다. 

원래 이렇게 선언하는 것이 맞다.

const { id, password, userName, phoneNumber, address, type, info } = req.body

 

그냥 일반 로그인이 아니라 사용자와 기업을 구별하여 로그인을 구현하였기 때문에 사용자인지 기업인지 구별하는 type을 body에 담아서 이를 통해 서버에서 구별을 해야한다. 그리고 프론트에서 모두 문자열 형태로 주었기 때문에 정수형 변수로 바꾸어 주는 parsedInt를 사용하여 변환해 주었다. 

      if (!userId) return res.send(NICKNAME_EMPTY); // code 2000
      if (userId.length > 20) return res.send(ID_LENGTH_ERROR); // code 2012
      if (!password) return res.send(PASSWORD_EMPTY); // code 2001
      if (password.length < 6 || password.length > 20) return res.send(PASSWORD_LENGTH_ERROR); // code 2013
      if (!userName) return res.send(SIGNUP_NAME_EMPTY); // code 2005
      if (!address) return res.send(ADDRESS_EMPTY); // code 2010
      if (!phoneNumber) return res.send(PHONENUMBER_EMPTY); //code 2011

      const signUpResponse = await createUser(userId, password, userName, phoneNumber, address, type, info);
      return res.send(signUpResponse);

그리고 모든 경우에 대해 예외처리를 하였다. 클라이언트단에서도 예외처리가 가능하지만 예외처리는 가장 중요한 부분이기 때문에 클라이언트와 백엔드 모두 처리를 해주어야 한다. 

그리고 createUser는 userService에 있는 함수이다. 이를 호출하여 사용자 생성이 되었는지 실패하였는지 알 수 있다. 

---

📄 userService.js

export async function createUser(userId, password, userName, phoneNumber, address, type, info) {
  const connection = await pool.getConnection(async (conn) => conn);
  try {
    const userIdCheckResult = await userIdCheck(userId);
    if (userIdCheckResult.length > 0) return ID_ALREADY_EXISTS; // id가 이미 존재할 경우

    const hashedPassword = createHash('sha512').update(password).digest('hex');
    const params = [userId, hashedPassword, userName, phoneNumber, address, type, info];
    const createUserIdResult = await createUserAccount(connection, params);
    console.log(`추가된 일반 사용자 Idx: ${createUserIdResult[0].insertId}, ID: ${userId}`);
    connection.release();
    return SIGNUP_SUCCESS;
  } catch (err) {
    console.log(err);
    return SERVER_CONNECT_ERROR;
  }
}

createUser 함수는 비밀번호를 암호화 하고 사용자의 아이디가 데이터 베이스에 존재하는지 확인한다. 

userDao에 있는 createUserAccount를 호출하여 사용자의 아이디가 데이터 베이스에 존재하지 않는 다면 회원가입을 진행시킨다. 

---

📄 userProvider.js

export async function userIdCheck(userId) {
  const connection = await pool.getConnection(async (conn) => conn);
  try {
    const userIdRow = await selectUserId(connection, userId);
    return userIdRow;
  } catch (err) {
  } finally {
    connection.release();
  }
}

userProvider에서는 Id가 데이터 베이스에 존재하는지 확인하는 함수가 있다. 

 

이러한 로직을 통해 회원가입이 완료된다. API 테스트는 Postman을 사용하여 body값에 데이터를 입력하면 받을 수 있다.