'2023/03/30 글 목록

2023/03/30 (3)

[Web 팁] JSON-SERVER 사용법

웹 프로그래밍 범범조조 2023. 3. 30. 21:18

참고 https://github.com/typicode/json-server https://www.npmjs.com/package/json-server JSON-SERVER 개요 프론트엔트 개발을 할 떄 서버단의 데이터를 가져와서 테스트를 진행해야 하는 경우가 있습니다. 하지만, 백엔드쪽 개발이 미완성이라면..데이터를 가져와서 테스트를 진행할 수가 없습니다.. 하지만, JSON-SERVER 를 이용하면 실무에서 사용하는 실 데이터와 최대한 비슷한 느낌으로 가짜 API 서버를 만들어서 테스트를 진행할 수있습니다. 즉, JSON-SERVER 를 이용하여 연습용 서버를 쉽게 구성하여 백엔드쪽이 완성되지 않더라도 프론트엔드 개발에는 문제 없이 개발을 진행할 수 있습니다. 참고로, JSON-SERVER 는 프로덕..

[React] react-query 사용하기

웹 프로그래밍/React 범범조조 2023. 3. 30. 20:17

참고 https://kyounghwan01.github.io/blog/React/react-query/basic/#%E1%84%89%E1%85%A1%E1%84%8B%E1%85%AD%E1%86%BC%E1%84%92%E1%85%A1%E1%84%82%E1%85%B3%E1%86%AB-%E1%84%8B%E1%85%B5%E1%84%8B%E1%85%B2 개요 Vite 을 통해 테스트 진행할 리액트 프로젝트 하나를 생성합니다. 생성된 프로젝트에 react-query 를 다운받고, CRUD 기능을 통해 react-query 사용 방법에 대해서 익힙니다. 사용 기술 react-query 테스트 프로젝트를 개발하기 위해, 사전에 필요한 라이브러리 정보는 다음과 같습니다. vite react-query react-query-..

[React] React Query 란?

웹 프로그래밍/React 범범조조 2023. 3. 30. 20:13

참고 https://tanstack.com/query/v3/ https://velog.io/@94applekoo/React-Query-%EC%B4%9D-%EC%A0%95%EB%A6%AC React-Query 개요 React-Query 는 리액트 애플리케이션에서 서버 상태 가져오기, 캐싱, 동기화 및 업데이트를 보다 쉽게 다룰 수 있도록 도와주는 라이브러리 입니다. 클라이언트 상태와 서버 상태를 명확히 구분하기 위해 만들어 졌습니다. React-Query 에서는 기존 상태 관리 라이브러리인 redux, mobX 가 클라이언트 상태 작업에 적합하지만, 비동기 또는 서버 상태 작업에는 그다지 좋지는 않다고 언급 했습니다. 클라이언트 상태와 서버 상태는 완전히 다른 개념이며, 클라이언트 상태는 각각의 input..

1

Sidebar

Copyright © BeomBeomJoJo All Rights Reserved

Designed by JB FACTORY

티스토리툴바