TIL/교육 내용 정리

[데브코스] 23일차 TIL

몰입하는로건 2024. 4. 30. 18:48

map object

String만 담던 Map

Key(id) Value(productName)

1 NoteBook + 2,000,000
2 Cup 3,000
3 Chair 100,000
4 Poster 20,000
  • map에 두 개이상의 정보를 보낸다. 즉, 객체로 보낸다.
// map-demo.js
let notebook ={
    productName : "Notebook",
    price : 2000000
}

let cup ={
    productName : "cup",
    price : 3000
}

let chair  ={
    productName : "Chair ",
    price : 100000
}

let poster  ={
    productName : "Poster ",
    price : 20000
}

 

express +객체

//map-demo.js
if (db.get(id) == undefined){
        res.json({
            message : "없는 상품입니다."
        })
    }else{
        product = db.get(id)
        product[""]//product.id = id  -> id 까지 보여줌
        res.json(product)
    }
  • “key” 는 다 문자열로 처리되고 있음.
  • 두 가지 방법으로 id 값을 보여줄 수 있음
  • 순서는 상관 없음. 앞에 오나 뒤에 오나

express + map + 객체 추가 실습 : 유튜버

// youtuber-demo.js

// express 모듈 셋팅
const express = require('express')
const app = express() 
app.listen(3000)

// 데이터 셋팅
let youtuber1 = {
    channelTitle : "십오야",
    sub : "593만명",
    videoNum : "993개"
}

let youtuber2 = {
    channelTitle : "침착맨",
    sub : "227만명",
    videoNum : "6.6천개"
}

let youtuber3 = {
    channelTitle : "테오",
    sub : "54.8만명",
    videoNum : "7260개"
}

let db = new Map()
db.set(1, youtuber1) 
db.set(2,youtuber2)
db.set(3, youtuber3)

// REST API 설계
app.get('/youtuber/:id', function (req, res) {
    let {id} = req.params
    id = parseInt(id)
    
    const youtuber = db.get(id)
    
    if (youtuber == undefined){
        res.json({
            message : "유튜버 정보를 찾을 수 없습니다."
        })
    }else{
        res.json(youtuber)
    }
})

이쯤에서 express 구조 이해해보기

  • express는 http모듈에 이것저것 더해서 만든 모듈이다.
  • express : 는 framework다
  • 웹 프레임워크 : 내가 만들고 싶은 웹 서비스를 구현하는 데 필요한 모든 일을 틀 안에서 할 수 있는 것.

www, app.js 훑어보기

// app.js

generator 돌려보기

자바스크립트 함수 4가지 종류

// function-demo.js

// ver1
function add1(x,y){
    return x + y
}
// ver2
let add2 = function(x, y){
    return x + y
}
// ver3 (화살표 함수, arrow function)
const add3 = (x, y) =>{
    return x + y
}
// ver4
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))
// 출력
3
3
3
3