[React] json-server 사용하기

서버 api 연동 전, 가짜 데이터로 리액트 기능 테스트를 위해 json-server를 사용하려 한다.

🌻 json-sever?

아주 짧은 시간에 REST API 를 구축해주는 라이브러리

🔆 json-server 설치 및 사용방법

1. 먼저, json-sever를 글로벌 설치한다.

npm i -g json-server

2. 설치가 완료되면, 프로젝트 루트 디렉토리에 fake-server라는 디렉토리를 만들고 그 안에 db.json 파일을 만든다.

3. db.json을 작성한다. (필요한 데이터)

{
    "detail": {
        "beerId": 1,
        "beerName": "wheat beer",
        "introduction": "소개 내용",
        "beerContentList": [
            {
                "subject": "수제맥주",
                "description": "수제맥주에 대해 소개하는 글"
            },
            {
                "subject": "수제맥주의 특징",
                "description": "맑은 황금빛 color\n첫번째 맥아즙의 풍부한 맛과향\n부드럽고 중후한 느낌의 바디\n질리지 않는 상쾌한 탄산감과 깔끔한 맛"
            }
        ],
        "hashTagNames": [
            "달달함",
            "부드러움",
            "상큼함"
        ],
        "imageUrl": "https://fh-image-bucket.s3.ap-northeast-2.amazonaws.com/1_image.png"
    }
,
    "users":[{
        "id": 1
    }]

    
}

4. 서버 열고 테스트

• npx json-server {상대경로} —port {사용할 포트번호}

npx json-server ./fake-server/db.json --port 4000