API
-
GraphQL vs REST APITip 2024. 6. 11. 14:09
웹 개발에서 데이터를 주고받는 방식으로 GraphQL과 REST API가 널리 사용됩니다.두 기술 모두 클라이언트와 서버 간의 효율적인 데이터 통신을 목표로 하지만, 접근 방식과 사용 사례에서 차이가 있습니다.1. REST APIREST(Representational State Transfer)는 전통적인 아키텍처 스타일로, HTTP 요청을 통해 자원을 CRUD(Create, Read, Update, Delete) 방식으로 관리합니다.장점단순성: HTTP 프로토콜을 기반으로 하여 이해하기 쉽고 사용이 간편합니다.캐싱: HTTP의 기본 캐싱 메커니즘을 활용하여 성능을 향상할 수 있습니다.단점Over-fetching 및 Under-fetching: 필요한 데이터보다 많은 데이터를 가져오거나, 필요한 데이터를..
-
Next.js에서 사용하기 좋은 모니터링 툴 3가지Tip 2023. 8. 10. 18:05
Checkly, Axiom, Sentry는 웹 프로젝트를 개발하고 유지 관리하는 데 도움이 되는 툴이다. 모두 무료로 사용할 수 있으며, 유료 플랜을 통해 더 많은 기능을 사용할 수 있다. Checkly Checkly는 성능을 모니터링하는 도구다. Checkly는 URL을 지정해 성능 지표를 그래프로 표시하고, 모니터링할 요청의 빈도와 양을 설정할 수 있으며, 성능 저하를 알림으로 보낸다. Checkly의 주요 기능 웹 애플리케이션의 성능 지표 모니터링 성능 저하 알림 API 테스트 웹 애플리케이션의 성능 테스트 Axiom Axiom은 API를 테스트하는 도구다. Axiom은 API에 요청을 보내고, API의 응답을 검증할 수 있고, API 테스트를 자동화할 수 있다. Axiom의 주요 기능 웹 애플리케..
-
NextJS에서 react-query 사용하기Next.js 2022. 8. 15. 17:00
(해당 글은 next@12.2 react-query@3.39.1을 바탕으로 작성되었습니다.) 1. 왜 react-query인가? 이제 개발을 할 때 react-query는 필수에 가까운 요소가 됐다. 물론 NextJS를 사용하고 문서를 읽어본 사람들이라면 이런 의문을 가질 수 있다. swr이 있는데? 물론 두 라이브러리 모두 좋은 라이브러리이다. 하지만 react-query를 사용해야 되는 이유를 간략하게 설명하겠다. 1. swr은 데이터 패칭(fetching)을 위한 리액트 훅이다. 이 말을 간단하게 이야기하자면 swr과 react-query는 get을 위한 useQuery는 존재한다. 그러나 post를 위한 useMutation은 react-query에만 존재한다. 물론 swr 역시 mutate가 있..