[데브코스][3-5] map, express-generator

1. map object

let db = new Map();

let notebook = {
    productName : 'Notebook',
    price: 200000
}

let cup = {
    productName : 'Cup',
    price: 1000000
}

let chair = {
    productName : 'Chair',
    price: 3000000
}

let poster = {
    productName : 'poster',
    price: 5000000
}

db.set(1, notebook) 
db.set(2, cup);
db.set(3, chair);
db.set(4, poster);

db value로 객체 저장

2. express + 객체

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

app.listen(3000);

// data setting
const youtuber1 = {
    channelTitle : 'MBCnews',
    sub : '434만명',
    videoNum : '24만개'

}

const youtuber2 = {
    channelTitle : 'essential',
    sub : '137만명',
    videoNum : '391개'

}

const youtuber3 = {
    channelTitle : '뉴진스',
    sub : '600만명',
    videoNum : '500개'

}

const db = new Map();

db.set(1, youtuber1)
db.set(2, youtuber2)
db.set(3, youtuber3)

console.log(db)

//REST API 설계
app.get('/youtuber/:id', function(req, res){
    let {id} = req.params

    id = parseInt(id)
    const youtuber = db.get(id)

    if (db.get(id) == undefined){
        res.json({
            message: '유튜버 정보를 찾을 수 없습니다'
        })
    } else {
        res.json(youtuber)}
})

1. db에 key, value(객체) 추가
2. youtuber 이하의 id 부분을 동적 변수로 한 url가 1번째 매개변수
3. 구조분해할당으로 id 변수 생성
4. id 변수 숫자로 변경
5. youtuber 변수에 db에서 id 키값으로 얻은 value 할당
6. if문으로, db에 id가 있으면, youtuber(value) 값 띄우고 없으면 없다는 메시지 전달

3. express 구조 이해하기

Expresss는 웹 프레임워크

웹 프레임워크 = 내가 만들고 싶은 웹 서비스를 구현하는데 필요한 모든 일을 틀 안에서 할 수 있는 것

3.1 express generator

application 구조를 다운받기 위해서 express-generator를 사용함

express는 node.js에서 웹프로젝트를 간편하게 만들기 위해서 생성된 프레임워크

express-generator는 웹프로젝트 구조(MVC)를 간편하게 생성해주는 도구

express generator 실행하기

Express application generator

npx express-generator

4. JS 4가지 함수

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

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

//화살표 함수 1
const add3 = (x,y) => {
    return x + y;
}

//화살표 함수 2
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))

함수 생성법으로는 리터럴, 선언문, 표현식, 메소드, 화살표함수 등등 존재

화살표 함수는 ⇒ 라는 독특한 방법으로 함수 생성, function 대신에 사용하는 것