4주차-파트02: Map에 객체 담기, Express 설치

CHAPTER 1. Map에 객체 담기

이번에는 map안에 키 값으로는 번호를, 밸류 값으로는 객체( 상품이름, 가격)을 담아보겠다.

let db = new Map()

let notebook = {
    productName:"Notebook",
    price: 2000000
}

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

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

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

db.set(1, notebook)      //set(키,밸류)  키로 밸류를 찾을 수 있는 한 쌍을 저장
db.set(2, cup)
db.set(3, chair)
db.set(4, poster)


console.log(db.get(1))

 

 

CHAPTER 2. Express + 객체

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

app.listen(1234)

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

    if (db.get(id)==undefined){
        res.json({
            message:"없는 상품입니다"
        })
    }
    else{
        product = db.get(id)
        product.id = id      //json에 id데이터 추가하고 싶을 때 1
        //product["id"] = id   //json에 id데이터 추가하고 싶을 때 2
        res.json(product)
}
})

let db = new Map()

let notebook = {
    productName:"Notebook",
    price: 2000000
}

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

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

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

db.set(1, notebook)      //set(키,밸류)  키로 밸류를 찾을 수 있는 한 쌍을 저장
db.set(2, cup)
db.set(3, chair)
db.set(4, poster)

 

 

다음은 key값으로 상품명과 가격만 가지는  json에 id값을 추가하는 코드이다. 둘 중 하나 선택해서 사용하면 된다.

product.id = id      //json에 id데이터 추가하고 싶을 때 1
product["id"] = id   //json에 id데이터 추가하고 싶을 때 2

 

id 값이 추가되었다. key-value쌍을 가지는 자료구조에서는 key값으로 밸류를 찾기 때문에 데이터들의 순서는 중요하지 않다.

 

 

CHAPTER 3. EXPRESS 구조

 

"Express는 하나의 프레임워크다"

 

Express 공식사이트: https://expressjs.com/

Express - Node.js web application framework

 

 

다음 코드를 터미널 창에 입력시 전역적으로 모든 프로젝트에 express가 깔린다.

npm install express-generator -g

 

만약 다음과 같은 에러가 발생하면(보통 Mac에서 발생)

 

 

다음코드로 쳐준다.

sudo npm install express-generator -g

 

 

이제 express명령어를 치면

express

 

 

다음과 같이 터미널 창에 뜨며 빈 프로젝트였던 곳에 자동적으로 폴더와 파일들이 생성된다. =>generator 생성

 

---

 

 

😸 www, app.js 흝어보기 (중요한 파일)

 

routes폴더 안의 idex.js를 돌렸는데 에러가 떴다.

 

 

에러는 express모듈을 찾을 수 없단 것이었다.

 

 

확인을 위해 터미널 창에 다음 명령어를 쳤다.

npm list express

 

 

 

비어있다.

 

다음 명령어로 express를 설치해주니 돌아간다.

npm install express

 

---

 

package.json에 있는 다른 모듈들도 모두 설치해보자. 

npm install

 

나머지는 (쿠키영상) generator돌려보기에서 확인

 

 

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

다음은 모두 같은 함수를 다르게 표현하는 방법이다.

 

 

 

다음으로 콘솔창에 출력해보면 

 

 

 

 

결과값이 모두 같다!