본문 바로가기
학습

jsonserver 여는법, Axios

by 어뇨 2024. 2. 26.

json-server를 여는 두가지 방법 
npx 명령어 사용 
npx json-server db.json --port 5000

package.json에 명령어 추가 ( 추천 ) 
script 객체의 맨 아래에 
"serve" : "json-server db.json --port 5000"
이후엔 npm run serve 또는 yarn serve 로 호출가능 

Axios 의 주요 특징과 장점
1. 브라우저와 node.js 모두 사용가능 
기존에 사용하던 fetch는 브라우저 api이기 때문에 node.js에선 사용이 안됨.
2. 요청과 응답 인터셉터 
Axios는 요청을 보내기 전이나 서버로 부터 응답을 받은 후 
3. 자동변환 JSON데이터 

설치 yarn add axios
삭제 yarn remove

 

후에배울 

recoil
react-query ,SWR

들을 더 많이 쓴다. 

삭제할때 filter말고 state.todos.findIndex 를 쓰는건 filter를 쓰면 모든걸 다 돌아보는데 
변수이름에 new보단 next 많이쓰기 왜냐면 new는 new date 라던지 변수말고 함수나 메서드로 쓰는 경우가있는데 

new를 자주 쓰다보면 함수나 메서드를 호출할 수 도있음

'학습' 카테고리의 다른 글

TypeScript 기초  (0) 2024.03.05
리액트쿼리  (0) 2024.02.28
타임어택  (0) 2024.02.22
react 복습 (Redux, react router dom)  (0) 2024.02.19
react (생명주기, DOM 복습)  (0) 2024.02.16