[ํ๊ฒฝxToss] 12-13์ฃผ์ฐจ ์์ฝ(2) : Next.JS
๊ฐ์ธ์ ํ์ต ๋ด์ฉ ๊ธฐ๋ก ์ค, ๊ทนํ ์ผ๋ถ์ ๋ด์ฉ๋ง ์์ฑ๋์์ต๋๋ค. React VS Next๋ฆฌ์กํธ : CSR (ํด๋ผ์ด์ธํธ ์ฌ์ด๋ ๋ ๋๋ง) - ๋ฒ๋ค์ ์ pc์์ js์ html์ ๊ทธ๋ ค์ค๊ฒ์์์ง(SEO)์ ์๊ฑธ๋ฆผ์ฒซ ๋ก๋ฉ์ ์ง์ฐ ๋ฐ์๋ฅ์คํธ : SSR (์๋ฒ์ฌ์ด๋ ๋ ๋๋ง) - ๋ฆฌ์กํธ ์ ์ํ๊ณ , html์ ๋ด๋ ค์ค๊ฒ์์์ง์ ๋์ด์ง์ฐ์ด ๋ฐ์๋์ง ์์fetch ํจ์ ์ต์ ํ, ๋ชจ๋ ๊ธฐ๋ฅ ์ต์ ํ ์ ๊ณต๋ณ๋์ ๋ผ์ฐํฐ ์ค์ ์ด ํ์ ์๊ณ , ํ์ผ์์คํ
๊ธฐ๋ฐ ๋ผ์ฐํ
์ ๊ณตSSR ์ฅ์ : ๋ณด์์ฑ, ํธํ์ฑ, SEO ์ต์ ํ๋จ์ : ๋ ๋ง์ ์์ ์๋ชจ, ๋ง์ ๋ถํ, ์ ์ง๋ณด์ ๋น์ฉ ์ฆ๊ฐ, ํ์ด์ง ์์ฒญ ์๊ฐ ์ฆ๊ฐ, ๋ธ๋ผ์ฐ์ ์ ์ฉ API ์ฌ์ฉ ์ ๋ช
์์ ์ง์ ํ์ ๐ ์์์๋ฒ ์ปดํฌ๋ํธ (app/page.tsx)// ๊ธฐ๋ณธ์ ์ผ๋ก ์๋ฒ ์ปดํฌ๋ํธexp..
2025. 4. 12.