React

[TIL/React] 2023/03/14

JSON ServerJSON Server는 로컬에서 빠르게 RESTful API를 모의(mock)할 수 있도록 도와주는 도구이다. 'JSON 파일을 데이터 소스로 사용해서 API 엔드포인트를 생성'하고, 클라이언트에서 해당 엔드포인트에 요청(Request)을 보내면 적

2023년 3월 14일3min read

JSON Server

JSON Server```는 로컬에서 빠르게 RESTful API를 모의(mock)할 수 있도록 도와주는 도구이다. 'JSON 파일을 데이터 소스로 사용해서 ```API 엔드포인트```를 생성'하고, 클라이언트에서 해당 엔드포인트에 요청(Request)을 보내면 적절한 응답(Response)을 반환한다. 그렇다면 ! ```API 엔드포인트```는 또 무엇인가?

JSON Server```는 Node.js 환경에서 실행되고, npm 패키지로서 제공된다. 'JSON 파일을 데이터 소스로 사용해서 ```API 엔드포인트```를 생성한다는 것'은 다음과 같은 상황을 의미한다.

{ "posts": [ { "id": 1, "title": "JSON Server", "author": "John Doe" }, { "id": 2, "title": "React.js", "author": "Jane Smith" }, { "id": 3, "title": "Vue.js", "author": "Bob Johnson" } ] }

code

'JSON'은 'JavaScript Object Notation'의 준말로, 자바스크립트 객체를 기반으로 한 '가벼운 데이터 교환 형식'을 의미한다. 따라서 ``JSON 형태``는 자바스크립트 객체와 유사하게 'key-value 형식'을 취하는 'data 표기법'이라고 볼 수 있다. JSON 형태는 다음과 같다.

code

{
  "name": "John Doe",
  "age": 30,
  "isStudent": false,
  "languages": ["JavaScript", "Python", "Java"]
}

JSON 형식은 다른 프로그래밍 언어와 호환성이 좋고, 가볍고 직관적인 구조로 데이터 교환을 쉽게 할 수 있다. 이러한 이유로 JSON 형식은 현재 웹에서 데이터 교환에 가장 많이 사용되는 형식 중 하나이다.

이후 과정이다.

Optional Chaning

"Optional Chaning을 한 번 정리해야지..." 했는데, 역시 다음이라는 건 없다. 생각난 김에 정리해 봤다.