Express.js

Node.js를 이용해 서버를 빠르고 간편하게 만들 수 있게 도와주는 웹 프레임워크.

Express.js 프로젝트 실습

기본 세팅

1. 프로젝트를 시작할 폴더에서 app.js 파일 생성
2. npm init -y (모든 항목에 대해 기본값 입력)
3. npm install express
4. node app.js (서버 실행)

// express 라이브러리 import
const express = require('express');
// express를 실행해서 app 객체 생성
const app = express();
const port = 3000;

// get 메소드로 api 실행
app.get('/', (req, res) => {
  res.send('Hello World!');
});

// 서버 실제 실행 (listen)
app.listen(port, () => {
  console.log(port, '포트로 서버가 열렸어요!');
});

API client

개발단계에서 작성한 API의 요청(request)을 확인하거나 테스팅할 때 도움을 주는 툴.

• Postman, Insomnia, Thunder Client 등

브라우저로 접속하면 자동적으로 GET 메소드로 API를 호출하게 된다.
지금 상태에서는 GET 메소드만 구현/테스팅하는 단계라 상관 없지만 POST, PUT, FETCH, DELETE, HEAD 등 다양한 HTTP 메소드에 대해서 내부에 들어가는 body 데이터나 쿠키 정보 등을 설정하고 테스팅할 수 있어야 한다.
브라우저 상에서 이러한 테스트를 진행하는건 어렵고 설정값들이 공유되지 않는 문제점이 있을 수 있다.
따라서 개발한 API를 API client를 활용하여 더 빠르고 편하게 테스트하는 게 좋다.

Thunder Client 사용 방법

1. New Request를 눌러 메소드를 선택하고 주소 입력 후 send.
2. 해당 request에 대한 response가 표시됨.

• Query: 주소에 query string(?key=value) 설정
• Headers: 헤더에 대한 추가적인 설정
• Auth: 인증을 위한 쿠키 정보 등 다양한 속성값 설정
• Body: POST, PUT 등 메소드 사용 시 body 데이터 설정

Collections 탭

API의 그룹화 설정.
모든 API를 하나하나 테스트하는 게 아닌 주소를 기준으로 API를 그룹화시켜서 일괄적으로 관리 가능.

Env 탭

여러 번 사용되는 값을 한 번에 관리 가능.
환경변수 설정 시 사용.