[4주차 - DAY2] REST API 디자인 및 구현(2)

 

 

Map Object

Map의 value를 객체로 설정해 보자. Map의 key, value를 설정하는 방법은 객체라고 다른 것은 없다.

const product1 = { productName: 'coffee', price: 5500 };
const product2 = { productName: 'sandwich', price: 6000 };
const product3 = { productName: 'bottle', price: 12000 };

const db = new Map();

db.set(1, product1);
db.set(2, product2);
db.set(3, product3);

console.log(db);

실행 결과

 

 

Object에 값 추가

아래 두 코드 중 아무거나 사용하면 된다.

객체명.키 = 값
객체명[키] = 값

다음의 예시는  'id'라는 key에 대한 value를 1234로 설정하는 예이다.

const product1 = { productName: 'coffee', price: 5500 };
product1.id = 1234;

const product2 = { productName: 'coffee', price: 5500 };
product2['id'] = 1234;

const db = new Map();
db.set(1, product1);
db.set(2, product2);

console.log(db);

실행 결과

 

 

 

 

함수 선언

명명 함수 선언

이 방법으로 선언한 함수는 호이스팅 되기 때문에 어느 스코프에서든 호출할 수 있다.

function 함수명(파라미터) {
    ...
}

 

익명 함수 표현

함수의 이름을 부여하지 않고 함수를 변수에 담는 방식이다. 호이스팅 되지 않으므로 변수에 할당된 후에 사용할 수 있다. var, let, const 다 쓸 수 있다.

const 변수명 = function (파라미터) {
    ...
}

 

화살표 함수

this를 사용하는 경우에는 주의해야 한다.

const 변수명 = (파라미터) => {
    ...
};

// 파라미터가 1개인 경우 괄호 생략 가능
const 변수명 = 파라미터 => {
    ...
};

// 함수 내용이 한 줄인 경우 중괄호 생략 가능
const 변수명 = (파라미터) => 내용;

 

 

express-generator

express-generator를 사용하면 express 기본 틀을 만들어준다. 보통 프로젝트를 체계적으로 구현하고, 설정할게 많을 때 사용한다.

설치

npm install express-generator -g

 

프로젝트 생성

express

 

근데 내 컴퓨터에서는 에러가 발생했다.

그래서 아래 코드를 실행했더니 오류가 발생하지 않았다. npx는 패키지를 실행시켜 주는 도구이다.

npx express-generator

 

의존성 설치

package.json 파일에 적혀있는 의존성들이 아직 설치되지 않은 상태이기 때문에 아래 명령으로 의존성을 한 번에 모두 설치해 준다.

npm install

 

실행

아래 명령어를 실행하여 서버가 실행된다. 지정한 포트번호(별도로 수정하지 않았으면 3000)로 접속하면 응답 화면을 볼 수 있다.

npm start