본문 바로가기

Frontend/React

[React] json-server

728x90
반응형

json-server란?

빠르고 쉽게 REST API를 구축해준다. 주로 프로토타입을 만들거나, 공부 목적으로 사용하는데 프로덕션용으로는 부적합하다.

더미데이터 파일(data.json) 만들기

{
    "days" : [
        {"id":1, "day":1},
        {"id":2, "day":2},
        {"id":3, "day":3}
    ],
    "words" : [
        {
            "id":1,
            "day":1,
            "eng":"book",
            "kor":"책",
            "isDone":false
        },
        {
            "id":2,
            "day":1,
            "eng":"apple",
            "kor":"사과",
            "isDone":true
        },
        {
            "id":3,
            "day":2,
            "eng":"car",
            "kor":"자동차",
            "isDone":false
        },
        {
            "id":4,
            "day":2,
            "eng":"pen",
            "kor":"펜",
            "isDone":false
        },
        {
            "id":5,
            "day":3,
            "eng":"school",
            "kor":"학교",
            "isDone":false
        },
        {
            "id":6,
            "day":3,
            "eng":"pencil",
            "kor":"연필",
            "isDone":false
        }
    ]
}

설치 및 실행

npm install -g json-server

 

json-server --watch ./src/db/data.json

 

다음과 같이 서버가 만들어진다..!

 

728x90
반응형