ddodoi 님의 블로그
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가 깔린다.
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가지 종류
다음은 모두 같은 함수를 다르게 표현하는 방법이다.
다음으로 콘솔창에 출력해보면
결과값이 모두 같다!
'웹풀스택 일일정리' 카테고리의 다른 글
4주차-파트 04: forEach문, HTTP 매서드, 리팩토링, HTTP 상태 코드 (0) | 2024.09.05 |
---|---|
4주차-파트 03: Postman 실습 (0) | 2024.09.05 |
4주차-파트 01: js에서의 형변환, 쿼리, 객체와 배열의 비구조화할당, 네이밍케이스, js의 Map구조 (3) | 2024.09.03 |
3주차-파트06: EXPRESS, 객체, JSON (0) | 2024.09.01 |
3주차-파트05: HTTP method, Node.js, 라이브러리(=모듈)와 프레임워크, npm, let과 const의 차이 (1) | 2024.08.31 |