리액트 심화/Mock API + HTTP 요청2022. 6. 9. 11:34React+Mock API - Concurrently

Why? React와 Mock API를 구동하기 위한 서버가 다르기 때문에 json-server나 node.js로 구축한 서버를 동시에 실행 시키려면 각각 다른 명령 프롬프트에서 실행 시켜야 한다! 예를 들어 아래처럼 각각 다른 프로젝트를 열어서 실행시켜야 한다..ㅠㅠ // 리액트 프로젝트에서 yarn start // mock api를 사용하는 프로젝트에서 yarn json-server --watch db.json --port 5008 하지만 concurrently를 사용하면 한 터미널에서 서버 두개를 한번에 실행 시킬 수 있다! 사용법 리액트 설치 yarn create react-app test json-server 설치 yarn add json-server concurrently 설치 yarn add..

json-server+Mock API
리액트 심화/Mock API + HTTP 요청2022. 6. 9. 06:33json-server+Mock API

Mocking API? mocking api는 실제로 REST API가 구축되어 있지 않더라도, 있는 것처럼 테스트 환경을 만들어주는 것이다. 실제로 뭔가 저장하진 않고 흉내만 내는 거니까 프로덕션 레벨에서 사용할 수 없다. → API 준비가 덜 된 상태로 개발 진행을 한다거나 공부할 때 쓰기 좋다. 한계점 텍스트 데이터와 관련된 프로토타입을 만들 때만 사용가능하다 인증을 기반으로 API 영역에 한계를 설정할 수 없다. Mock API는 실서버 환경에서는 사용할 수 없으며, 사용되어져서는 안된다 Mock API 설정하기 Mock API를 사용할 폴더에서 프로젝트를 초기화해서 package.json 파일을 만들자 yarn init -y 패키지 설치하기 yarn add json-server DB로 쓸 jso..

image