행복한 프론트엔드 개발을 위해 1분내로 목업 서버(mockup-server)를 만들어보자

joon·2019년 11월 26일

Backend electron frontend mockup mockup server typescript vue 백엔드 프론트엔드

MockUp Server

Mockup Server란

MockUp Server는 프론트와 백엔드를 동시에 같이 개발이 진행할때 쓰면 큰효과를 볼 수 있습니다.
예를들어 자주 바뀌는 백엔드의 API와 데이터의 형태를 항상 무엇이 바꼇는지 모니터링(깃으로)을 할 수 있고
프론트엔드 개발자는 그것에 맞춰서 완성된 서버가 없더라도 최대한 비슷한 환경에서 작업을 할 수 있습니다.

사용방법

Mockup에 사용할 디렉토리를 생성. 디렉토리 기준으로 API가 생성됩니다.
1번에서 생성된 디렉토리 별로 반환할 JSON파일, index.json(성공케이스),error.json(실패케이스) 작성
Mockup Server start! 끝

CRUD (Create, Read, Update ,Delete)

// index.json
[
  {
        "id": "1",   //Dynamic Api는 id기준으로 생성됨
        "name": "Sara",
        "age": "13"
    },
    {
        "id": "2",
        "name": "teddy",
        "age": "14"
    }   
]