React 실습/Nextjs 실습 (3) 썸네일형 리스트형 [Next.js] SSR, ISR 그리고 Link, Image SSR을 통한 페이지 구현 import React from "react"; import { GetServerSideProps, NextPage } from "next"; import Head from "next/head"; type SSRProps = { message: string; }; const SSR: NextPage = (props) => { const { message } = props; return ( 이 페이지는 서버 사이드 랜더링을 통해 접근 시에 서버에서 그려진 페이지입니다. {message} ); }; export const getServerSideProps: GetServerSideProps = async ( context ) => { const timestamp = new Date.. [Next.js] Next.js 랜더링 방법 - SSG Next.js에서는 다양한 렌더링 방법을 제공합니다. 다음은 Next.js에서 사용할 수 있는 주요한 4가지 렌더링 방법입니다 Static Generation (정적 생성) getStaticProps와 함께 사용됩니다. 빌드 시점에 페이지를 사전 렌더링하여 정적인 HTML 파일을 생성합니다. 최초 접속 시에는 사전 렌더링된 HTML이 제공되고, 이후 클라이언트 측에서는 정적 파일을 재사용합니다. 정적 페이지에 적합하며, 자주 변경되지 않는 컨텐츠에 사용됩니다. Server-side Rendering (서버 사이드 렌더링) getServerSideProps와 함께 사용됩니다. 각 요청마다 서버에서 페이지를 렌더링합니다. 매 요청마다 데이터를 가져와서 페이지를 동적으로 생성합니다. 매번 최신 데이터가 필요하.. [Next.js] 4장 - 코드 구성과 데이터 불러오기 (학습 중 메모 정리 - 나중에 할것) USER getaddrinfo ENOTFOUND api.rwnjs.com? ChatGPT "getaddrinfo ENOTFOUND api.rwnjs.com" 에러 메시지는 일반적으로 DNS(Domain Name System)에 의해 도메인 이름 "api.rwnjs.com"을 IP 주소로 변환할 수 없다는 것을 나타냅니다. 이는 네트워크 연결 문제, 올바르지 않은 DNS 서버 구성 또는 도메인 이름 자체의 문제로 인한 것일 수 있습니다. 이 문제를 해결하기 위해 다음과 같은 단계를 시도해 볼 수 있습니다: 인터넷 연결을 확인하고 안정적인 연결을 보장합니다. DNS 서버가 올바르게 구성되어 있는지 확인합니다. User Request URL: http://localhos.. 이전 1 다음
