# JSON Server

75개의 포스트

TIL 231129 - JSON SERVER

JSON SERVER란 ? 아주 간단한 DB와 API 서버를 생성해주는 패키지.실제 API 서버 구축되기 전까지 임시 사용할 mock 데이터 만들기 위함.yarn add json-server 로 설치yarn startyarn json-server --watch db.

약 18시간 전
·
0개의 댓글
·

[23.11.29] 오늘의 TIL(json-server)

아주 간단한DB와 API 서버를 생성해주는 패키지BE에서 실제 DB와 API Server가 구축될 때까지 FE 개발에 임시적으로 사용할 mock data를 생성BE가 하고있는 작업을 기다리지 않고, FE의 로직과 화면을 구현 할 수 있어 효율적으로 협업가능yarn ad

약 20시간 전
·
0개의 댓글
·
post-thumbnail

리액트 문법 [json-server]

DB와 API 서버를 생성해주는 패키지 기본적으로 프론트엔드는 백엔드의 작업이 완성되기 까지 기다려야하기에 그 전에 테스트를 위해 사용하는 라이브러리프로젝트 최상단에 server => db.json 과 index.js 파일을 생성해당 명령어 입력시 자동생성db.json

2일 전
·
0개의 댓글
·
post-thumbnail

json-server

(1) json-server 정의 및 사용하는 이유 json-server란, 아주 간단한 DB와 API 서버를 생성해주는 패키지 입니다. 우리가 json-server를 사용하는 이유는 Backend(이하 BE)에서 실제 DB와 API Server가 구축될 때까지 Fr

2일 전
·
0개의 댓글
·

JSON Server 중첩 라우팅

목업 API를 만들다가 삽질해서 기록하는 포스팅.데모로 폴더가 존재하는 투두 리스트 서비스를 만들고 있었고, 다음과 같은 JSON을 만들었다.그리고 다음과 같은 EndPoint가 있었다./users/users/:userId/users/:userId/folders/use

5일 전
·
0개의 댓글
·
post-thumbnail

json-server

json-server 가짜 API 서버 짧은 시간에 REST API 를 구축해주는 라이브러리 REST API 서버의 기본적인 기능을 갖추고 있지만, 프로덕션 전용은 아님 프로토타입을 만들거나, 지금처럼 공부할 때 서버 필요시 사용하는 도

2023년 11월 23일
·
0개의 댓글
·
post-thumbnail

json-server를 사용해보자

최근에 json-server를 통해 간단하게 프로젝트를 수행했다. 간단하게 사용할 수 있는 테스트 서버 느낌이었는데, 알아두면 유용할 것 같아서 정리해두려고 한다.json-server란, 가짜 API 서버를 만드는 툴이다. 짧은 시간동안 REST API가 필요할 때,

2023년 9월 5일
·
0개의 댓글
·

<레스토랑 예약 페이지> React와 json-server로 제작

React로 예약 페이지 다시 짜 봄

2023년 8월 23일
·
0개의 댓글
·
post-thumbnail

CS 지식 + Github Pages

JSON Server JSON Server는 개발 및 프로토타이핑을 위한 가상 REST API를 생성하는 도구입니다. 이를 사용하면 간단한 JSON 파일로 가짜 API를 만들어서 데이터를 관리하고 응답을 제공할 수 있습니다. 주로 프론트엔드 개발자들이 프론트엔드 애플리

2023년 8월 20일
·
0개의 댓글
·

[React] Infinite scroll (json-server, axios, react-infinite-scroll-component)

무한 스크롤을 구현하기 위해 라이브러리를 하나 설치한다.npm i react-infinite-scroll-component 또는yarn add react-infinite-scroll-componentweekly downloads가 50만회가 넘는걸로 봐서 상당히 인기가

2023년 8월 1일
·
0개의 댓글
·

[React] Pagination (json-server, axios)

axios로 db데이터를 가져오는 함수를 만든다. json-server를 사용하므로 다음과 같이 url을 작성할 수 있다./database?\_limit=5&\_page=${pageNumber}\_limit=5: 5개씩 데이터를 제한한다.\_page=1: 페이지를 1로

2023년 8월 1일
·
0개의 댓글
·

[Management] json-server 커맨드

https&#x3A;//www.npmjs.com/package/json-server설치스타트 (포트 번호 4000번은 임의로 지정한 것임, 맥 사용 시, --대시 두개 연속으로— 자동 변환되는 것 주의)

2023년 7월 14일
·
0개의 댓글
·
post-thumbnail

[TIL] 230704

redux toolkit설치configureStore()createSlice() 모듈 내에서 사용한다.flux 패턴파일 정리 다음에 프로젝트 작업할 시 다음과 같이 폴더를 깔끔하게 구분하기!!

2023년 7월 4일
·
0개의 댓글
·

json-server 사용법

json-server 사용법

2023년 7월 3일
·
0개의 댓글
·
post-thumbnail

[React] json-server

제이슨 서버란?간단한 DB와 API 서버를 생성해주는 패키지.BE에서 실제 DB와 API Server가 구축될 때까지 FE 개발에 임시적으로 사용할 mock data를 생성하기 위해 사용함.제이슨 서버를 통해 FE에서는 BE가 하고 있는 작업을 기다리지 않고, FE의

2023년 5월 13일
·
0개의 댓글
·
post-thumbnail

json-server 사용

json-server 사용에 대한 정리

2023년 4월 27일
·
0개의 댓글
·

json-server , axios 연결하기 todolist

- vue jason-server axios json-server먼저 설치 mnpm add json-server npx json-server --watch ./src/server/db.json --port 3001 axios 설치 sudo mnpm add axios

2023년 4월 25일
·
0개의 댓글
·

json-server 을 통해 핸드폰으로 local 접속하기.

먼저 같이 네트워크에 접속이 되어있어야 한다.ex) 핸드폰 핫스팟, 테더링, wifi 등같은 네트워크에 접속을 했다면 json-server 을 다시 켜보자.위와 같이 json-server를 다시 키면 되는데요론식으로 작성하면 된다.그리고 get 요청하는 url을 htt

2023년 4월 15일
·
0개의 댓글
·

[json-server] 시작하기

프런트개발자를 위한 가짜서버 json-server에 대해 알아보자.

2023년 4월 1일
·
0개의 댓글
·