Assignment) ๊ฐ์ธ ๋ธ๋ก๊ทธ์ ์๋ ์ง๋ฌธ์ ๋ํ ํฌ์คํ ์ ํ๊ณ ๋งํฌ๋ฅผ ์ ์ถํด์ฃผ์ธ์.
-
- CSR(Client-side Rendering)์ด๋ ๋ฌด์์ด๋ฉฐ, ๊ทธ๊ฒ์ ์ฅ๋จ์ ์ ๋ํ์ฌ ์ค๋ช ํด์ฃผ์ธ์.
-
- SPA(Single Page Application)๋ก ๊ตฌ์ฑ๋ ์น ์ฑ์์ SSR(Server-side Rendering)์ด ํ์ํ ์ด์ ์ ๋ํ์ฌ ์ค๋ช ํด์ฃผ์ธ์.
-
- Next.js ํ๋ก์ ํธ์์
yarn start(or npm run start)์คํฌ๋ฆฝํธ๋ฅผ ์คํํ์ ๋ ์คํ๋๋ ์ฝ๋๋ฅผ Next.js Github ๋ ํฌ์งํ ๋ฆฌ์์ ์ฐพ์ ๋ค, ํด๋น ํ์ผ์ ๋ํ ๊ฐ๋จํ ์ค๋ช ์ ์ฒจ๋ถํด์ฃผ์ธ์.
- https://nextjs.org/docs/getting-started (Next.js ์ธํ ๊ฐ์ด๋)
- https://github.com/vercel/next.js/ (Next.js Github ๋ ํฌ์งํ ๋ฆฌ)
_document.js,_app.js,getServerSideProps๊ฐ์ ์์๋ค์ ๋ํด ์ค๋ช ์ ์๊ตฌํ๋ ๊ณผ์ ๊ฐ ์๋๋๋ค. ์คํ๋ ค Next.js ์ฝ๋ ๋ฒ ์ด์ค ๋ด๋ถ๋ฅผ ์ดํด๋ณด๋ผ๋ ์๋ฏธ์ ๋๋ค.- ์ฌ์ ๊ณผ์ ์ฌ๋ถ๋ ์ ์ถ๋ ๊ณผ์ ํ๋ฆฌํฐ๊ฐ ์๊ฐ ๊ฐ๋ฅ ์ฌ๋ถ ๋ฐ ์ดํ์ ๊ณผ์ ์ ์ํฅ์ ๋ฏธ์น์ง๋ ์์ ๊ฒ์ด๋, 3๋ฒ ๊ณผ์ ๋ฅผ ํด๋ณด๋ ๊ฒ์ด ํฐ ํ์ต์ด ๋ ๊ฒ์ด๋ผ๊ณ ํ์ ํฉ๋๋ค. ๋ฐ๋์ ํ๋ฒ ์ดํด๋ณด์๊ธธ ๊ถ์ฅ๋๋ฆฝ๋๋ค.
- Next.js ํ๋ก์ ํธ์์
- ์ ์ถ ์ ๊ณผ์ ๊ฐ ์ ํจํ Public ํ ๋งํฌ์ธ์ง ๋ค์ ํ๋ฒ ํ์ธ ๋ถํ๋๋ฆฝ๋๋ค.