Notice
Recent Posts
Recent Comments
Link
250x250
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- couchcoding
- javascript코딩테스트
- redux 사용방법
- JSON
- javascript React
- Redux store
- toString
- 6주포트폴리오
- Redux
- 협업프로젝트
- React onClick
- 자바스크립트
- useParams
- foreach
- useEffect
- useSearchParams
- react
- react redux
- first-child
- line-through
- 인라인블럭
- 콜백함수
- 자바스크립트배포
- 블럭요소
- 카우치코딩
- React state
- JavaScript
- db.json
- sort
- redux toolkit
Archives
- Today
- Total
개발하는 루루언니
json 서버를 이용해 api 가져오기 설치환경 만들기 본문
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를 키값으로 했기때문에 / 뒤에 붙힌것 .
추가내용
: api를 호출하려면? = useEffect에서 호출하면 된다.
useEffect (()=>{
호출할 함수
},[])
728x90
'컴퓨터 정보 > 리액트' 카테고리의 다른 글
React Bootstrap : 설치환경 만들기 (0) | 2022.10.18 |
---|---|
api를 불러올때 useEffect 공식 (0) | 2022.10.18 |
React 아이콘 적용하기 (0) | 2022.10.18 |
React Router 설치환경 만들기 (0) | 2022.10.18 |
React : PowerShell로 비쥬얼스튜디오 폴더 설치하기 (0) | 2022.10.18 |