# JSON Server

53개의 포스트

20210127 - json-server, recoil

https://flamingotiger.github.io/etc/etc/jsonplaceholder/가상데이터 JSONPlaceholder 사용법https://medium.com/swlh/an-easier-way-to-generate-recoil-te

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

한 주의 정리 - WIL

이번주(3월 6일~ 3월 12일) 클론 코딩부터 실전 프로젝트의 시작까지 너무 바쁘다.1\. 깃 컨벤션, 팀으로 작업할때 서로간의 약속이다. 스크롤의 마지막을 ref로 지정해준다. 백엔드에서 API 주소를 설정, 원하는 만큼 fetch를 하게 해준다. useEffect

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

Today I Learned 2023.03.10. [React 심화1]

Redux ToolKit 적용시켜보고, 이를 기존의 프로젝트에 그대로 이용해본다. 이제 서버와 연결해보면서, 그에 맞는 요청과 에러핸들링을 시작한다.

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

리엑트 - json-server

3월 9일 여정 60일차이다.json-server란, 아주 간단한 DB와 API 서버를 생성해주는 패키지 이다. 우리가 json-server를 사용하는 이유는 Backend(이하 BE)에서 실제 DB와 API Server가 구축될 때까지 Frontend(이하 FE) 개

2023년 3월 10일
·
0개의 댓글
·

json-server에 axios.get요청시 파라미터가 적용되지 않음

아래와 같이 코드를 작성했다.params 파라미터 객체를 get요청시 같이 넘겼으나 파라미터가 적용되지 않는다.파라미터로 보낼 객체만 axios.get의 인수로 싣는게 아니다.{ params : { 파라미터가 있는 객체 } } 를 실어보내야 한다.

2023년 2월 19일
·
0개의 댓글
·
post-thumbnail

json server 쉽게 이해하고 시작해보기

1. Json 서버란 무엇일까? 2. Json server는 언제 왜 사용하는걸까? 3. json server 시작해보기

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

JSON-Server 프로젝트 Firebase로 배포하기

JSON-server로 만든 JS 프로젝트를 GitHub 으로 배포하려고 했는데 당연히 되지 않았다. 📌 github pages는 static website 정적 사이트만 배포가 가능해서 json-server는 정상적으로 동작하지 않는다고 한다. 구글링해보니 JS

2023년 2월 13일
·
0개의 댓글
·

local json server setting

$ json-server --watch db.json --port portNumber$ json-server --host x.x.x.x. --watch db.json --port portNumberx.x.x.x is ip addres.db.json is a file t

2023년 2월 11일
·
0개의 댓글
·

02-09 코딩일기

오늘은 React로 게시판을 만들어 보고자 dummy json 파일을 만들어 Json-server에 연결하여 만들어 보았다. 기본적인 폴더 구조는 src 폴더 안에 components 에 모든 section을 폴더화 하여 넣고 assets 폴더에 dummy-data

2023년 2월 10일
·
0개의 댓글
·
post-thumbnail

[JavaScript] JSON Server로 Mock API 만들기

JSON Server JavaScript 환경에서 가상의 REST API를 쉽게 만들 수 있게 해주는 라이브러리다. 진행했던 프로젝트의 서버를 닫게 돼서, 데모 버전을 만들기 위해 사용하게 됐다. GitHub: https://github.com/typicode/js

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

[Today I Learned] 12월 3주차 day6

db와 api서버를 생성해주는 패키지백엔드 api 서버가 구축되기 전 까지 임시로 사용하는 패키지이다mock data를 생성하고 api 서버와 통신을 하는 임시적인 서버로 사용할 수 있다.mock data 생성 예시 http를 이용해서 서버와 통신하기 위해 사용하는

2022년 12월 23일
·
0개의 댓글
·

TIL.22.12.22.-yarn을 씁시다.

아래 명령을 시도했는데 동작하지 않았습니다.노드 모듈을 삭제하고 재설치 시도를 했습니다. package.json에 json-server가 설치되지 않았다는 것도 확인했습니다.일부 라이브러리는 yarn만 사용할 수 있습니다. npm으로 사용할 수 없는 경우도 존재합니다.

2022년 12월 22일
·
0개의 댓글
·

json-server 로 소통하기

진짜 서버 연결 전, 프론트엔드 구현하는 것을 도와주는 임시서버$yarn add json-server : json-server 설치$yarn json-server --watch db.json --port 3001 : 프론트 서버와 별개로 json-server 열기por

2022년 12월 20일
·
2개의 댓글
·

51일차 TIL : Thunk

Thunk 함수,Thunk에서 Promise 다루기

2022년 12월 20일
·
0개의 댓글
·

50일차 TIL : 리액트 심화

Redux Toolkit, json-server, immer, axios

2022년 12월 19일
·
0개의 댓글
·

[React] 초기 셋팅, 패키지 설치, json-server 설치(yarn)

src 폴더 : App.js, index.js 빼고 삭제index.js : strictMode 삭제package.json : dependencies @test, webkit 삭제node_modules : 통째로 삭제 후 package.json 정리 후 재 다운ex)co

2022년 12월 19일
·
0개의 댓글
·
post-thumbnail

Json-server vercel 배포 시 db.json read-only file system 문제

PATCH , DELETE 등의 요청을 할 때 EROFS: read-only file system, open ...라는 오류가 발생했다.아니 뭔 read-only 인가 싶어서 구글링을 좀 해보고 힌트를 얻어 해결했던 것 같다.This error is most often

2022년 12월 13일
·
0개의 댓글
·

[react] react에서 json-server 설치, 실행, 배포 (heroku) 요약

yarn add json-serveryarn json-server --watch db.json --port 3001json-server를 사용할 때 url 경로로 object를 탐색함 CRA로 새로운 프로젝트 생성프로젝트 최상위에 server폴더 생성index.js,

2022년 12월 9일
·
0개의 댓글
·

[JS] json-server / fetch API 사용하기

json-server는 짧은 시간에 REST API를 구축해 주는 패키지이다.프로덕션 전용은 아니고, 프로토타입을 만들거나 공부를 하기 위해 서버가 필요할 때 사용하면 좋은 도구이다.npm을 통해 글로벌로 설치하기다음 명령어를 통해 서버를 실행다른 경로를 추가할 수도

2022년 12월 4일
·
0개의 댓글
·
post-thumbnail

[SeSAC Front-end] JSON 데이터 통신

이번 장에서는 JSON이란 무엇인지 알아보고 Fetch 함수를 사용해서 API를 다뤄보도록 하겠습니다.JSON(JavaScript Object Notation)은 속성-값 쌍(attribute–value pairs), 배열 자료형(array data types) 또는

2022년 11월 14일
·
0개의 댓글
·