[🌐KR](<https://synctree-guide.notion.site/SyncTree-MockAPI-62ef3f4ed980466bb93bf29b5affe667>)

This document describes how to utilize the Mock API App provided as a sample as a Mock Server.

• Index

▶What is Mock Server, Mock API?

• Mock Server is a Simulated Server that can send and receive API responses like a real server, and the API used here is Mock API.
• When developing Mock Server without a server or client, it can quickly and easily build prototypes by arbitrarily defining an API to communicate between the two.

▶Using SyncTree Sample Mock API

1) Configuring Simulation JSON Data for Mock API

• The simulated JSON data, which consists of the following structures, is registered as a value of the variable userList in the 'user list section' of the MockAPI Sample App.

{
  "users": [
    {
      "id": 1,
      "name": "Lee",
      "role": "developer"
    },
    {
      "id": 2,
      "name": "Kim",
      "role": "designer"
    },
    {
      "id": 3,
      "name": "Park",
      "role": "engineer"
    }
  ]
}

• It is possible to add or change the contents of JSON Data. However, please note that if you change the key or change the JSON format, the Mock API may not work normally.

{
  "users": [
    {
      "id": 1,
      "name": "Lee",
      "role": "developer"
    },
    {
      "id": 2,
      "name": "Kim",
      "role": "designer"
    },
    {
      "id": 3,
      "name": "Park",
      "role": "engineer"
    },
    {
      "id": 4,
      "name": "Kang",
      "role": "programmer"
    }
  ]
}

{
  "users": [
    {
      "id": 1,
      "name": "Peter",
      "role": "painter"
    },
    {
      "id": 2,
      "name": "Joseph",
      "role": "singer"
    },
    {
      "id": 3,
      "name": "Paul",
      "role": "dancer"
    }
  ]
}

• Replace the JSON Data Block as follows.

▶Save / Build / Push

• You must save and build after working on the block to test the block.