[TIL] Day13 - Express

string만 담던 Map

Key (id)	Value (productName)
1	"notebook" / 1000000
2	"cup" / 13000
3	"chair" / 210000
4	"diary" / 26000

문자열 + 부가 정보들(가격)

let db = new Map();

let nodebook = {
  productName: "notebook",
  price: 1000000,
};

let cup = {
  productName: "cup",
  price: 13000,
};

let chair = {
  productName: "chair",
  price: 210000,
};

let diary = {
  productName: "diary",
  price: 26000,
};

db.set(1, nodebook);
db.set(2, cup);
db.set(3, chair);
db.set(3, diary);

 

api 객체 뽑아쓰기

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

  if (!db.get(id)) {
    res.json({ message: "없는 상품" });
  } else {
    product = db.get(id);
    product["id"] = id;//product.id = id;
    res.json(db.get(id));
  }
});

객체에 productName, price 만 들어있는데, 각 url도 같이 받고 싶다면?

JS 객체에 url id 값을 할당한다.

- `product.id = id;`

- `product["id"] = id;`

 

Express 구조

http 모듈을 좀더 간편하게 사용할 수 있도록 하는 모듈

웹 프레임워크

Express - Node.js 웹 애플리케이션 프레임워크

`npm i express-generator -g` : 애플리케이션의 골격을 신속하게 작성하게하는 생성기 도구

`express`  ....오! npm react 처럼 동작하는군요!

www 파일, app.js 파일에서 `http모듈` `포트번호` `미들웨어` 등을 호출과 세팅을 하였다.

 

generator

팀으로 플젝하기위해 동일한 규칙을 적용하려면 프레임워크를 사용하는게 좋다.

routes > index.js

` var router = express.Router();` 분기 처리를 한다.

`npm start` → `ctrl + c`

 

JS 함수표현식

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

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

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

var add4 = (x, y) => x + y;

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

모두 같이 동작하는 함수

화살표함수 arrow function

 

☑️ 배운 점

 npm express가 npm react와 비슷하게 동작하고, 비슷하게 역할을 하는 것 같아서 바아로 이해가 되었다! 하루빨리 플젝에 적용해보고 싶다.

 

nodeJS에서 데이터 담고, url에 적용해 포트에 뿌리기

다양한 예시를 반복해서 적용하고 학습하니 사용법이 눈에 잘 들어오고, 이해가 잘 된다.