개발하는 너구리

// NextJs는 공격적인 캐싱을 수행합니다 // ⭐️요청 메모이제이션 (서버 측)// 'GET'메소드에서만 발생✅// NextJs는 동일한 구성의 데이터 요청을 저장합니다.// 이는 불필요한 중복 데이터 페칭을 피할 수 있습니다.// 캐시는 요청 기간 동안만 지속됩니다.// --> 예를 들어, HTTP 헤더를 통해 Cache-Control이나 Expires 등의 지시자를 사용하여 캐시의 유효 기간을 설정// --> 동일한 구성(예: 동일한 URL, 동일한 쿼리 매개변수 등)으로 데이터 요청이 발생할 경우, Next.js는 이전에 동일한 요청에 대해 이미 페칭된 데이터를 캐싱합니다.// ex)// fetch('http://api.com', {//   next: {//     // next속성은 next..

Next.js에서 Server Components는 서버에서 렌더링되는 컴포넌트를 의미합니다. 이는 클라이언트에서 실행되지 않고 서버에서만 실행되며, HTML을 생성하여 클라이언트로 전달됩니다. 이러한 접근 방식은 성능 향상, SEO 개선, 초기 로드 시간 단축 등의 이점을 제공합니다.주요 특징서버 전용 실행: Server Components는 클라이언트에서 실행되지 않으며, 서버에서만 실행됩니다. 따라서 클라이언트로 전송되는 JavaScript 번들의 크기를 줄일 수 있습니다.데이터 페칭: Server Components는 서버에서 직접 데이터베이스나 API로부터 데이터를 가져올 수 있습니다. 이를 통해 클라이언트 측에서 데이터를 가져오기 위한 추가적인 코드나 네트워크 요청을 줄일 수 있습니다.SEO ..

Next.js  Server-Side Rendering (SSR) **Server-Side Rendering (SSR)**는 페이지를 서버에서 렌더링하고, 완전히 렌더링된 HTML을 클라이언트로 보내는 방법입니다. 클라이언트는 초기 렌더링을 기다릴 필요가 없으며, 즉시 사용자에게 완전한 페이지를 제공합니다. Next.js는 기본적으로 SSR을 지원합니다.특징:초기 로드 속도: 서버에서 렌더링된 HTML을 전송하므로 초기 로드 속도가 빠릅니다.SEO 친화적: 검색 엔진이 완전한 HTML을 크롤링할 수 있어 SEO에 유리합니다.데이터 보안: 데이터가 서버에서만 렌더링되므로 보안이 강화됩니다.   React Server Components React Server Components는 React에서 새로운 기능..