[항해99 2기] TIL 19일차

Song·2021년 6월 25일

TIL 개발일지 항해99

회고록

목록 보기

31/47

Today I Learned 19일차

Node.js - Express 프레임워크
비동기 프로그래밍 특징
느낀점

1. Node.js - Express 프레임워크

오늘 노드에서 웹 서버 구축을 위한 Express 프레임워크를 배웠다.

// 포트 연결
// index.js
const express = require('express')
const app = express()
const port = 3000

Middleware

*라우트를 통해서 값이 들어올 때 선처리, 또는 유효값에 따라 분기처리를 원하는 등 부가적인 기능을 더하고 싶을 때 일관되게 처리할 수 있게 정의하는 곳

// 데이터 가공 용도 미들웨어
app.use(express.urlencoded({extended: false}))
// json형태로 값을 전달받을 때 사용하기 쉽게 가공해준다.
app.use(express.json())
// 이미지 동영상 등 정적파일을 제공해주는 미들웨어
app.use(express.static('public'))
app.use((req, res, next) => {
  console.log(req);
  // 미들웨어 종료
  next();
});

router이전에 middleware가 선언되어 있어야한다. 안그러면 router가 제대로 작동을 안하더라..

Router

사용된 http method와 path 에 따라 다른 결과 응답

// 메인 스크립트에서 실행
// index.js
app.get('/list', (req, res) => {
  res.render('list')
})

Router 객체 비슷한 것들끼리 묶어 컴포넌트화 가능

// 1. 비슷한 라우터들끼리 모아서 정리해놓고
// ./routers/goods.js
router.get("/detail", async (req, res) => {
  res.render('detail');
});

// 2. 메인 스크립트에서 호출이 가능하다.
// index.js
const goodsRouter = require("./routers/goods");

Mongo DB 연동하기

// schemas 폴더에 구현해 놓은 
// 몽고DB 연동 정보를 index.js에서 호출한다.
// index.js
const connect = require('./schemas')
connect()

// 디비 관련 정보들 구현해놓기
// ./schemas/index.js
const mongoose = require("mongoose");

const connect = () => {
  mongoose
    .connect("mongodb://localhost:27017/voyage", {
      useNewUrlParser: true,
      useUnifiedTopology: true,
      useCreateIndex: true,
      ignoreUndefined: true
    })
    .catch(err => console.log(err));
};

mongoose.connection.on("error", err => {
  console.error("몽고디비 연결 에러", err);
});

module.exports = connect;

2. 비동기 프로그래밍 특징

자바스크립트는 싱글 스레드 언어이므로 다른 언어들과 달리 동시작업이 어렵고 한가지 기능을 순착적으로만
진행할 수 있다고 한다. 렇기 때문에 비동기 프로그래밍을 구현하는 것이 중요한데,
비동기 프로그래밍이란 특정 작업을 시작하고 다 처리하기 전에 실행 흐름이 바로 다음 코드로 넘어간 후 나중에 콜백이 실행되는 것을 뜻한다.
동기 실행에 비해 동일한 작업을 더 빠른 시간 내에 처리할 수 있는 장점이 있다.

console.log('Start!');

fetch('https://www.google.com')
  .then((response) => response.text())
  .then((result) => { console.log(result); });

console.log('End');