[Next.js] (5) - ์ฌ์ ๋ ๋๋ง (SSR, SSG)
๐ Next.js ๋ค์ํ ์ฌ์ ๋ ๋๋ง์๋ฒ์ฌ์ด๋ ๋ ๋๋ง (SSR)๊ฐ์ฅ ๊ธฐ๋ณธ์ ์ธ ์ฌ์ ๋ ๋๋ง ๋ฐฉ์์์ฒญ์ด ๋ค์ด์ฌ ๋ ๋ง๋ค ์ฌ์ ๋ ๋๋ง์ ์งํํจ์ ์ ์ฌ์ดํธ ์์ฑ(SSG)๋น๋ ํ์์ ๋ฏธ๋ฆฌ ํ์ด์ง๋ฅผ ์ฌ์ ๋ ๋๋ง ํด ๋ ์ฆ๋ถ ์ ์ ์ฌ์์ฑ (ISR)ํฅํ์ ๋ค๋ฃฐ ์ฌ์ ๋ ๋๋ง ๋ฐฉ์ ๐ SSR - ์๋ฒ ์ฌ์ด๋ ๋ ๋๋ง (์์ฒญ์ด ๋ค์ด์ฌ ๋ ๋ง๋ค ์ฌ์ ๋ ๋๋ง์ ์งํ)export const getServerSideProps = () => { // ์ปดํฌ๋ํธ๋ณด๋ค ๋จผ์ ์คํ, ์ปดํฌ๋ํธ์ ํ์ํ ๋ฐ์ดํฐ ๋ถ๋ฌ์ค๋ ํจ์ // ์ค์ง ์๋ฒ์ธก์์๋ง ํ ๋ฒ ์คํ const data = 'hello' return { //๋จ ํ๋์ ๊ฐ์ฒด๋ฅผ ๋ฆฌํด, props ํ๋กํผํฐ๊ฐ์ ๋ฃ์ด์ผํจ props: { data, }, ..
2024.11.05