개발하는 루루언니

json 서버를 이용해 api 가져오기 설치환경 만들기 본문

컴퓨터 정보/리액트

json 서버를 이용해 api 가져오기 설치환경 만들기

혜닝혜루 2022. 10. 18. 17:03
728x90
반응형

https://www.npmjs.com/package/json-server

 

json-server

Get a full fake REST API with zero coding in less than 30 seconds. Latest version: 0.17.0, last published: a year ago. Start using json-server in your project by running `npm i json-server`. There are 291 other projects in the npm registry using json-serve

www.npmjs.com

1. 터미널 다운로드

npm install -g json-server

 

 

 

2. db.json 파일을 맨 바깥에 만들어 주세요.

: 여기에 데이터를 넣을거에요~ 가짜 REST  FULL

 

 

 

 

3.  json 서버도 시작하는 코드가 있어요 

json-server --watch db.json

 

 

 

 

4. db를 담을 터미널을 하나 열어서 해당 5000번 포트로 열어준다.

json-server --watch db.json --port 5000

위에 코드가 실행이 안되면 앞에 npx를 붙혀서 다시 해보자!

 

5. 실행했을때는 키값을 url 앞에 붙혀서 검색을 해야 나온다.

나는 products를 키값으로 했기때문에 / 뒤에 붙힌것 .

 

localhost:5000/products

 


추가내용
: api를 호출하려면? = useEffect에서 호출하면 된다.

useEffect (()=>{
   호출할 함수 
},[])

 

728x90