๐ข Next.js, ์๊ณ ๋ณด๋ ์ด๋ ต์ง ์๋ค
ํ๋ก ํธ์๋ ์์ง๋์ด๋ค์ ๋งค์ผ ๊ฐ์ด ์์์ง๋ ์๋ก์ด ๊ธฐ์ ์ ๋ถ๋ด๊ฐ์ ๋๋ผ์ฃ . ์ด์ฉ๋ฉด Next.js์ ๋ํด์๋ ๋ถ๋ด๊ฐ์ ๋๋ผ๊ณ ๊ณ์ค์ง๋ ๋ชจ๋ฅด๊ฒ ์ด์. ์ต๊ทผ์๋ React 18์ ์ต์ ๊ธฐ๋ฅ์ ๋์ ํ Next.js 13 ๋ฒ์ ์ด ๋์ค๋ฉด์ ๊ทธ ๋ถ๋ด๊ฐ์ด ์ปค์ก์ ๊ฒ ๊ฐ์์. ์ ์ญ์ ๊ทธ๋ฌ์ด์. Next.js๋ฅผ ์ฌ์ฉํด ๋ณธ ์ ์ ์์ง๋ง ์๋ก์ด ๊ฐ๋ ์ ๋ํด ์ดํดํ์ง ๋ชปํ๊ณ ์์์ด์. ๋ง์๋จน๊ณ ์๋ก์ด ๊ธฐ์ ์ ์ดํดํด ๋ณด๋ ค๊ณ ๋ ธ๋ ฅํ๋ ๊ณผ์ ์ ์ด๋ฒ ๊ฐ์๋ฅผ ๋ง๋ค๊ฒ ๋์ด์. ๊ฐ๋ฅด์น ๋ ๊ฐ์ฅ ๋ง์ด ๋ฐฐ์ด๋ค๋ ๊ฑธ ์ ์์ค ๊ฑฐ์์. ๋ฐฐ์์ ๋จ ์ฃผ์๋ ๋ง์์ผ๋ก ๋ฐฐ์ฐ๊ณ ๊ณต๋ถํด์ ์ด ๊ฐ์๋ฅผ ์ค๋นํ์ต๋๋ค. ์ด๋ฒ ๊ฐ์๋ฅผ ํตํด ์ฌ๋ฌ๋ถ์๊ฒ ์๋์ ๊ฐ์ ๊ฐ์น๋ฅผ ์ ๋ฌํด ๋๋ฆฌ๋ ค๊ณ ํด์. 1๏ธโฃ ๋ง์ ํ๋ ์์ํฌ ์ค Next.js๋ฅผ ๋ฐฐ์์ผ ํ ์ด์ ๋ฅผ ์๋ ค๋๋ ค์. ์์ผ๋ก ํ๋ก ํธ์๋ ์์ง๋์ด๋ก์ ์๋ก์ด ๋๊ตฌ๋ฅผ ์ ํํ ๋ ์ข์ ๊ธฐ์ค์ด ๋๋ ์งํ๋ ์ป์ด๊ฐ์ จ์ผ๋ฉด ์ข๊ฒ ์ต๋๋ค. 2๏ธโฃ Next.js 13 ๋ฒ์ ์์ ์์์ผ ํ ํต์ฌ ๊ฐ๋ ์ ์ง์ด๋๋ ค์. ์๋ก์ด ๋ผ์ฐํ ์์คํ ์ธ App Router์ ํ๋๋ก ์๋ฒ ์ปดํฌ๋ํธ(Server Component), ๋ฐ์ดํฐ ํ์นญ(Data Fetching), ์บ์ฑ(Caching) ๊ทธ๋ฆฌ๊ณ ์ฌ๊ฒ์ฆ(Revalidating)๊น์ง ํ์ด๋ณด๋ฉด์ "์๊ณ ๋ณด๋ ์ด๋ ต์ง ์๋ค" ํ๋ ์๊ฐ์ ํ์ จ์ผ๋ฉด ์ข๊ฒ ์ต๋๋ค. 3๏ธโฃ ํ์ตํ ํต์ฌ ๊ฐ๋ , ์ฑ์ ๋ง๋ค์ด ๋ณด๋ฉด์ ํ์ฉํด์. ์ด ๊ณผ์ ์์ ์ค์๋ ํ๊ณ , ์๋ฌ๋ ๋ง์ฃผํ๋ฉด์ ์ค๋ฌด์์ ์์๋๋ฉด ์ข์ ๊นจ์ ์ ๋ณด๋ฅผ ์ป์ด๊ฐ์ จ์ผ๋ฉด ์ข๊ฒ ์ต๋๋ค. - ๋ถ์กฑํ ์ ์ด ๋ณด์ธ๋ค๋ฉด ํผ๋๋ฐฑ ์ฃผ์๋ฉด ๊ฐ์ฌํ๊ฒ ์ต๋๋ค. ์ง์ํด์ ๊ฐ์ ํด๋๊ฐ๊ฒ ์ต๋๋ค! https://inf.run/NRPt