[TIL] sparta 39일차 - Axios, JSON Server

Axios

브라우저와 Node.js에서 사용할 수 있는

JavaScript용 HTTP 클라이언트 라이브러리

주로 웹 애플리케이션에서 API와의 통신에 사용

 

 

Axios 설치

yarn add axios

 

---

 

JSON Server

가상의 REST API를 생성하여 프론트엔드 개발이나 프로토타이핑 작업을 용이하게 해주는 도구

 

 

 

json-server 실행 순서

vscode 터미널로 설치 > db.json 파일 생성 > JSON Server 실행

 

 

json-server 전역 설치

yarn global add json-server

 

json-server를 글로벌로 설치하면

프로젝트의 package.json 파일에 기록되지 않는다

 

글로벌 설치는 시스템 전체에서 사용할 수 있는

명령행 도구를 설치하는 것이며

개별 프로젝트의 의존성으로는 기록되지 않는다

 

 

json-server  지역 설치

yarn add json-server --dev

 

 

db.json 예시

{
    "todos": [
        {
            "id": 1,
            "title": "react"
        },
        {
            "id": 2,
            "title": "node"
        },
        {
            "id": 3,
            "title": "spring"
        }
    ]
}

 

 

JSON Server 실행

가상의 REST API 서버 실행

json-server --watch db.json --port 4000

 

--watch db.json 

db.json 파일을 감시하고

파일이 변경될 때마다 서버를 다시 시작한다

 

파일에는 가상의 데이터베이스

역할을 하는 JSON 데이터가 포함되어 있다

 

만약 이 파일이 존재하지 않으면

새로운 파일이 생성되고,

변경사항이 자동으로 감지된다