[Node.js] 데이터베이스 연동하기 (2023.07.06 ~ 07)

DB연동하기

 

노드에서 사용하는 템플릿 엔진 : nunjucks

html 상에서 반복문, 조건문을 같이 사용할 수 있음 

npm install nunjucks

 

nunjucks 설치 후 경로와 형식 설정

 

nunjucks는 확장자 html 그대로 사용가능 

 

//nunjucks 활용을 위한 설정

//html 문서 경로, 형식

//1. views 값 설정 : view를 저장하고 있는 폴더의 경로

app.set("views", __dirname + "/views");

//2.view engine : 기본적으로 사용할 형식

app.set("view engine", "html");

//nunjucks 설정

nunjucks.configure("views", {

  express: app, //app(express) 객체 연결

  watch: true, //html 파일이 제대로 연결되면 템플릿 엔진을 렌더링하겠다는 의미

});

 

 

mySQL 라이브러리 설치

npm install mysql2

mysql vs mysql2 

mysql2 는 promises 형태 ->  비동기 방식 작성이 쉬워짐

mysql은 promise형태를 지원하고 있지 않음 

 

db 설정 정보 파일 작성

 

//mySQL 연동

//mysql2 : promises 사용이 가능한 형태

const mysql = require("mysql2");

const db_info = {

  host: "localhost",

  port: "3306",

  user: "",

  password: "",

  database: "boot",

};

//설정들을 app, router에서 사용할 수 있도록 내보내야 함

//실제 DB와 연결 -> 함수로 정의 -> 함수 자체를 내보낼 예정

//초기화, 연결 -> 2개의 함수 작성

module.exports = {

  init: function () {

    //db_info로 연결 객체(connection) 생성, 반환

    //mysql12에서 연결 객체 생성 가능

    return mysql.createConnection(db_info);

  },

  connect: function (conn) {

    //mysql 서버와 연결해주는 함수, conn -> 연결 객체

    conn.connect(function (err) {

      if (err) console.log("연결 실패 !" + err);

      else console.log("연결 성공 !");

    });

  },

};

 

index.js(Router)에서 사용!

 

const express = require("express");

const db = require("../config/database");

const router = express.Router();

const conn = db.init(); //연결 객체 생성 후 반환

db.connect(conn); //실제 db 연결

//member 테이블 전체 정보 가져오기

router.get("/select", (req, res) => {

  //db에 있는 값은 계속 달라지고 그 값을 html에 반영해야 하므로

  //sendFile 사용 불가

  //화면을 계속 렌더링해줘야 함 -> render('html경로',)

  //실행한 sql문 정의

  let sql = "select * from member";

  //query(sql, 결과처리함수)

  //               err-오류, rows-select결과 데이터, fields - 결과 외 메타데이터

  conn.query(sql, function (err, rows, fields) {

    // console.log(err);

    // console.log(rows);

    // console.log(fields);

    // 결과 rows 보여주기

    //템플릿 엔진 : html 양식(템플릿) + 데이터 -> 결과 문서(nunjucks)

    //              -> 가지고 온 데이터를 활용해서 화면 렌더링

    res.render("index", {

      //key값 : 실제 value(데이터)

      list: rows,

    });

  }); //sql문 실행

});

module.exports = router;

 

redirect 특징

서버 차원에서 페이지 이동 > forwarding > 주소창에 최종적으로 어디로 이동했는지 알 수 없음 

서버가 클라이언트가 다시 요청하도록 명령 > 클라이언트는 실제로 요청을 함 (요청 2번, 응답 2번)