Next.js 12 - Static Pre Rendering
ยท
♠๏ธ Next.js 12
โซ Static Pre Rendering์ด๋?- ์ฑ์ ์๋ ํ์ด์ง๋ค์ด ๋ฏธ๋ฆฌ ๋ ๋๋ง ๋๋ ๊ฒ(Next.JS์ ๊ฐ์ฅ ์ข์ ๊ธฐ๋ฅ ์ค ํ๋) ์ ์ (static)์ผ๋ก ์์ฑ๋๋ค. Create-React-App VS Next.JS- Create-React-App: Client-Side-Rendering(CSR), render ๋๋ ๊ฒ๋ค์ด HTML ์์ค์ฝ๋์ ํฌํจ๋์ด ์์ง ์๋ค. (noscript ํ๊ทธ๋ ๋ธ๋ผ์ฐ์ ์์ ์๋ฐ์คํฌ๋ฆฝํธ๊ฐ ๋นํ์ฑํ ๋์์ ๋๋ง ๋์จ๋ค)- Next.JS: Server-Side-Rendering(SSR), render ๋๋ ๊ฒ๋ค์ด HTML ์์ค์ฝ๋์ ํฌํจ๋์ด ์๋ค. โซ Hydration์ด๋?- ๋จผ์ ์ด๊ธฐ ์ํ์ HTML ์์ค์ฝ๋๋ฅผ renderํ๊ณ , React.JS๊ฐ ํด๋ผ์ด์ธํธ๋ก ์ ์ก๋์ ๋, ..