✅json-server db 실행명령어 쓰기 귀찮을 때
- 리액트를 이용해 간단한 게시판 만드는 프로젝트를 하고 있음
- mysql과 같은 데이터 베이스를 다루기에는 시간적 제한으로, json-server를 이용해서 데이터를 저장하려고 함.
- json-server를 실행하기 위해서는 아래와 같은 명령어를 계속 쳐줘야 한다.
매번 명령어를 터미널에 쳐주기엔 귀찮다.
나는 db의 port 를 3001로 해주었기에 매번 아래와 같이 긴 명령어를 쳐줘야한다.
json-server --watch db.json --port 3001
✅해결 방법 : package.json 파일에 가서 scripts 부분을 수정한다.
아래와 같이 수정한다.
그러면 이제, 실행명령어를 계속 칠 필요 없이
터미널에
npm run db 만 치면 된다.
✅json-server 관련 게시물은 아래 링크 참조
Json server 로 mock 서버 만들기
✅배경설명 실제 서버도 아니고 mock(가짜) 서버를 왜 만들어야할까??!? 백엔드는 개발되는데 보통 6개월이 걸리지만, 프론트는 개발하는데 2개월 정도 걸린다. 그렇다면, 백엔드단이 개발할때까
ella951230.tistory.com
- json-server 공식문서
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.1, last published: 2 months ago. Start using json-server in your project by running `npm i json-server`. There are 300 other projects in the npm registry using json-ser
www.npmjs.com
'프론트엔드 개발 > React' 카테고리의 다른 글
| 리덕스 툴킷) createAsyncThunk 로 비동기 처리하기 (0) | 2023.03.31 |
|---|---|
| 리액트) 글로벌 스타일에 눈누 웹폰트 적용하는 법 (0) | 2023.02.09 |
| 리액트) 폰트 설정 방법 - 글로벌스타일이 아닌 index.css 파일에 (1) | 2022.12.18 |
| React) .eslintrc.js 에 Unexpected token ':' 에러 해결하기 (0) | 2022.12.09 |
| React 기초) 페이지를 나누고 싶을 땐 react-router-dom 라이브러리 사용하자 (0) | 2022.12.07 |