데브코스 TIL - Day 16

23년 12월 8일 강의를 들은 내용과 추가로 더 학습한 내용을 기록한 글입니다.

객체 + map

실습 1

const db = new Map();

const notebook = {
  productName: "notebook",
  price: 2000000
};
const cup = {
  productName: "cup",
  price: 7000
};
const chair = {
  productName: "chair",
  price: 35000
};
const poster = {
  productName: "poster",
  price: 20000
};

// set : 값 생성
db.set(1, notebook);
db.set(2, cup);
db.set(3, chair);
db.set(4, poster);

app.get("/:id", function (req, res) {
  const { id } = req.params;
  let product = db.get(parseInt(id));
  if (!product) {
    res.send({ message: "없는 상품입니다" });
  } else {
    product["id"] = id;
    res.send({ product });
  }
});

결과

실습 2

const express = require("express");
const app = express();

app.listen(3000);

const db = new Map();

const youtuber1 = {
  channelTitle: "십오야",
  subscriber: 5930000,
  videoNum: 993
};
const youtuber2 = {
  channelTitle: "뜬뜬",
  subscriber: 1510000,
  videoNum: 168
};

db.set(1, youtuber1);
db.set(2, youtuber2);
console.log(db);

app.get("/youtuber/:id", function (req, res) {
  const { id } = req.params;
  const youtuber = db.get(parseInt(id));

  if (!youtuber) {
    res.send("찾을 수 없는 유튜버입니다.");
  } else {
    res.send(youtuber);
  }
});

결과

자바스크립트 함수 4가지

일반함수

function add1(x, y) {
  return x + y;
}

const add2 = function (x, y) {
  return x + y;
};

화살표 함수 (arrow function)

const add3 = (x, y) => {
  return x + y;
};
const add4 = (x, y) => x + y;

결과

console.log("add1 " + add1(1, 2));
console.log("add2 " + add2(1, 2));
console.log("add3 " + add3(1, 2));
console.log("add4 " + add4(1, 2));

// add1 3
// add2 3
// add3 3
// add4 3

express generator

프로젝트를 체계적으로 구성할 때 사용

express generator 공식 문서

설치 명령어 $ npm install express-generator -g

폴더 구조 만들기 express

├── app.js
├── bin
│   └── www
├── package.json
├── public
│   ├── images
│   ├── javascripts
│   └── stylesheets
│       └── style.css
├── routes
│   ├── index.js
│   └── users.js
└── views
    ├── error.pug
    ├── index.pug
    └── layout.pug

package.json 패키지들 설치하기 npm i

서버 실행하기

PS C:\Users\user\Desktop> npm start

> non-blocking@0.0.0 start
> node ./bin/www

GET / 200 1179.024 ms - 170
GET /stylesheets/style.css 200 12.089 ms - 111

결과