Middleware (미들웨어)소프트웨어 시스템에서 응용 프로그램과 운영 체제 또는 네트워크 사이에 위치하는 소프트웨어 계층을 말합니다.이 계층은 다양한 서비스와 기능을 제공하여 응용 프로그램들이 서로 통신하고 상호작용할 수 있도록 돕습니다. 웹으로 본다면 서버와 클라이언트 사이에 존재하며, 서버와 데이터베이스와의 상호 작용을 담당합니다.기능과 특성- 통합   : 미들웨어는 다양한 시스테이나 플랫폼 간의 통합을 용이하게 합니다.     예를 들어, 서로 다른 데이터베이스 시스템 간의 데이터 교환,     혹은 다른 프로토콜을 사용하는 시스템 간의 메시지 전송을 조정할 수 있습니다. - 중재   : 서로 다른 시스템이나 응용 프로그램 간의 상호 작용을 조정하고 중개하는 역할을 합니다.     데이터 변환,..

Before you learn🔗 [NextJS] pagination[NextJS] Infinite Scroll (무한 스크롤)영상Why Use?무한스크롤과 페이지네이션의 사용 이유는 간단하다. 페이지를 들어갈 때마다 서버에서 해당 페이지에 대한 모든 데이터 리스트들을 받아서 보여준다면,데이터가 많으면 많을수록 서버가 한 번에 처리해야 되는 데이터 양이 많이 지므로 서버가 더욱 좋아야 할 것이며,화면을 보여주는데 시간도 오래 걸리고, 그러면 그만큼 사용자 경험도 좋지 않으며, 사용자 경험이 좋지 않으면 유저 이탈수가 증가할 것이고, 이탈수가 증가하면 그만큼 회사의 손해이기 때문이다. 흡사 캐시를 사용하는 이유도 이러하다. 캐시도 기회가 되면 한 번 알아두면 좋겠다. 동작 방식페이지네이션을 이해하고 있으면..

Before you learn🔗 [NextJS] Cache (캐시)[NextJS] Cache Strategy (캐시 전략)캐시 전략각 홈페이지마다 cache 전략을 잘 세워서 작성해야 한다. 유저수가 많은 페이지일수록 더욱 중요하다. Product에 관련된 Cache 전략을 작성해 보겠다.(캐시 전략에 대해서만 작성하겠다.) Home page : `home-product-list`를 60초마다 캐시 재검증한다.// app/(tabs)/home/page.tsximport { unstable_cache as nextCache } from "next/cache";const getCacheProductList = nextCache(getInitialPostList, ["home-product-list"], {..

[CloudFlare] ImagesWhy Use?유저가 업로드한 데이터를 cloud가 아닌 서버에 저장하면, 서버에 사진이 가득 차게 된다. 서버에 저장한다면, 1. 항상 같은 서버를 사용해야한다.만약 서버를 바꾸게 되면(예를 들어 유저가 많아져서 서버가 여러 대 필요하게 되면)사진을 어느 서버에 저장했는지 파악하느라 힘들 것이다. 2. Vercel 등 serverless 서비스로 배포한다면, 해당 서비스들은 서버를 만들었다가 간단하게 없애버린다.새로운 코드를 배포할 때마다 새로운 서버가 만들어지므로,모든 데이터들이 초기화되기에, 기존 유저의 데이터들이 전부 초기화되어 사라진다.AWS와 비교AWS S3와 마찬가지로 Cloud에 이미지를 저장하며, 저장한 이미지의 URL를 준다.CloudFlare는 이미지..