[Vue3] API 서버 통신

chaewon·2024년 8월 13일
0
post-thumbnail
post-custom-banner

💻 API 서버 통신

json?

json은 테스트를 하거나 프로토타이핑을 해야할 때 REST API 서버를 빠르게 생성해주는 프론트엔드 개발자를 위한 라이브러리다. 명령어로 쉽게 API 서버를 생성 할 수 있다. json다운로드

💡 REST API?

  • API의 리소스 즉 URL이 HTTP 메서드와 함께 표현되도록 정한 API 규격을 말한다.

//터미널 json 설치
npm install json-serve 

//api 서버 실행 -> root 디렉토리에 `db.json` 파일이 설치됨
npx json-server --watch db.json

//localhost port 변경 (5000번으로 port를 변경했다.)
npx json-server --watch db.json --port 5000

package.json파일에 "db": "json-server --watch db.json --port 5000"를 저장하여 필요할 때 명령어를 따로 길게 적지 않아도 사용할 수 있다. 다음에 사용할 때 npm run db명령어를 사용하면 된다.

// package.json 파일
{
      "scripts": {
        "dev": "vite",
      	"db": "json-server --watch db.json --port 5000",
          ...
      }
  	},

Axios

API 서버와 통신을 하기 위한 비동기 통신 모듈 Axios 설치

profile
의문은 '삶의 수준'을 결정하고, 질문은 '삶 자체'를 바꾼다.
post-custom-banner

0개의 댓글