[JSON Server] 프론트엔드용 가상 REST API 설치방법

2023. 5. 30. 20:10· Web
목차
  1. 1. JSON Server 설치
  2. 2. db.json 생성
  3. 3. JSON Server 실행

 

vue.js를 공부하다보니 백엔드를 구축하지않고 DB를 사용할 수 있는 환경이 필요했다.

JSON Server로 일종의 가상 DB를 구현하는 방법을 알게되어 정리한다.

 

 

> 참고용

https://www.npmjs.com/package/json-server

 

json-server

Get a full fake REST API with zero coding in less than 30 seconds. Latest version: 0.17.3, last published: 2 months ago. Start using json-server in your project by running `npm i json-server`. There are 312 other projects in the npm registry using json-ser

www.npmjs.com

 

1. JSON Server 설치

npm install -g json-server

 

2. db.json 생성

{
  "posts": [
    { "id": 1, "title": "json-server", "author": "typicode" }
  ],
  "comments": [
    { "id": 1, "body": "some comment", "postId": 1 }
  ],
  "profile": { "name": "typicode" }
}

db.json  파일을 생성 한 후 db구조를 잡아준다.

posts, comments, profile이 일종의 테이블이고 그 안에 담긴 것이 컬럼과 값이라고 생각하면 된다.

 

 

3. JSON Server 실행

json-server --watch db.json

해당 url로 접속하면 

저작자표시 비영리 변경금지 (새창열림)

'Web' 카테고리의 다른 글

Web Storage | Session Storage 와 Local Storage의 특징 및 차이점  (0) 2023.12.27
  1. 1. JSON Server 설치
  2. 2. db.json 생성
  3. 3. JSON Server 실행
'Web' 카테고리의 다른 글
  • Web Storage | Session Storage 와 Local Storage의 특징 및 차이점
devkmee
devkmee
devkmee
devkmee
devkmee
전체
오늘
어제
  • 분류 전체보기 (40)
    • JavaScript & TypeScript (2)
    • vue.js (1)
    • react (0)
    • Java (4)
    • SQL (6)
    • DevOps (5)
    • Web (2)
    • Algorithm (10)
    • Git (2)
    • IDE (8)
    • 후기 (0)
      • [스터디] Go To Learn 2기 (0)
      • 컨퍼런스_세미나_밋업 (0)

블로그 메뉴

  • 홈
  • 태그
  • GitHub

공지사항

인기 글

태그

  • Vmare
  • QGIS
  • HashMap
  • 가상DB
  • map
  • SQL #ORACLE #프로그래머스
  • DevOps
  • 연습
  • ubuntu
  • LIST
  • 레이어조인
  • 조건문
  • intelij
  • 객체선택
  • Linux
  • 오라클 #프로그래머스 #LEVEL #WITH AS
  • oracle
  • java
  • VSCode
  • 좌표계수정
  • Generic
  • 가상RESTAPI
  • 이클립스
  • 단축키
  • Thread
  • jsconfig
  • tsconfig
  • ORACLE #프로그래머스
  • 공간조인
  • 정렬

최근 댓글

최근 글

hELLO · Designed By 정상우.v4.2.2
devkmee
[JSON Server] 프론트엔드용 가상 REST API 설치방법
상단으로

티스토리툴바

단축키

내 블로그

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

블로그 게시글

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

모든 영역

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

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