[Node.js] 가짜 api 서버 만들기

2023. 6. 19. 08:54·Node.js
목차
  1. 1. 개념 알아보기
  2. 2. json-server 설치하기
728x90
반응형

가짜 api 서버는 어떻게 만드는가 궁금할 수 있다. 프론트와 백엔드 개발을 같이 하다보면 처음에는 백엔드가 없는 상태에서 가짜 데이터를 주고 받아야 한다. 그리고 나중에는 실제 api를 연결해서 데이터를 주고받아야 하는데, 이를 두번에 걸쳐 할 필요없이 가짜 api 서버를 만들어 활용하면 된다.

1. 개념 알아보기

우리가 지금 쓸 것은 json-server라는 라이브러리이다. 이는 REST API를 구축해주고, api 테스트를 할 때 편리하다. 그리고 프로덕션에서는 사용하지 않는다.

2. json-server 설치하기

2-1) 라이브러리 설치하기

npm install -g json-server
반응형

2-2) db.json 파일 만들기

//db.json
{
  "test": [
    {
      "id": 1,
      "name": "테스트1",
      "title": "테스트1"
    },
    {
      "id": 2,
      "name": "테스트2",
      "title": "테스트2"
    }
  ]
}

최상위에 위와 같은 파일을 만들어준다.

2-3) json-server 실행

json-server --watch ./db.json --port 4000
  • —watch : 변경사항을 지켜본다는 말이다.
  • —port : 포트 번호를 지정해준다.

해당 결과 화면
해당 결과 화면

돌리면 위와 같은 화면이 나오면서 잘 돌아간다.

728x90
반응형
저작자표시 비영리 변경금지 (새창열림)
  1. 1. 개념 알아보기
  2. 2. json-server 설치하기
'Node.js' 카테고리의 다른 글
  • [Node.js] Tailwind CSS 적용하고 최적화하기
  • [Node.js] socket.io으로 양방향 통신 해보기
  • [Node.js] Swagger로 api docs 작성하기
  • [Node.js] Joi사용해서 유효성 검사하기
Uheeking
Uheeking
안녕하세요. react, flutter, node.js에 관련해서 글을 쓰는 블로그입니다.
Uheeking의 it로그안녕하세요. react, flutter, node.js에 관련해서 글을 쓰는 블로그입니다.
Uheeking
Uheeking의 it로그
Uheeking
전체
오늘
어제

공지사항

  • 분류 전체보기 (254)
    • React (48)
    • Node.js (32)
    • Next.js (22)
    • Vue.js (15)
    • javascript (3)
    • Django (19)
    • etc (23)
    • Flutter (30)
    • Error (16)
    • AWS (11)
    • docker & Kubernetes (32)
    • git (2)

블로그 메뉴

  • 홈
  • 태그
  • 방명록
250x250

인기 글

태그

  • 오블완
  • SSR
  • React
  • next.js
  • error
  • firebase
  • 노드
  • Kubernetes
  • 플러터
  • sequelize
  • 리액트
  • node.js
  • 넥스트
  • MySQL
  • docker
  • 장고
  • 티스토리챌린지
  • NEXT
  • supabase
  • 도커
  • Express
  • mosquitto
  • Create
  • 쿠버네티스
  • useEffect
  • AWS
  • Django
  • flutter
  • Props
  • Vue.js

최근 댓글

최근 글

250x250
hELLO· Designed By정상우.v4.5.2
Uheeking
[Node.js] 가짜 api 서버 만들기

개인정보

  • 티스토리 홈
  • 포럼
  • 로그인
상단으로

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.