Next.js + MySQL์ ํ์ฉํด์ ๊ฐ์ธ ์น ์ฌ์ดํธ์ ๊ธ ํฌ์คํ
ํ๊ธฐ
ยท
Project/crohasang_page
1. ๊ฐ์ธ ์น ์ฌ์ดํธ๋ฅผ ๋ค์ ๋์์ธํด๋ณด์๊ธฐ์กด ์น ์ฌ์ดํธ์ ์ ์ํ๋ฉด ๋งจ ์ฒ์์ ๋ด ์ฌ์ง๊ณผ ์๊ธฐ์๊ฐ๊ฐ ๋ฌ๋ค. ๊ทธ๋ฆฌ๊ณ ํ๋ก์ ํธ์ ๋ด๊ฐ ์ข์ํ๋ ๋
ธ๋๋ค์ ์๊ฐํ๋ ํ์ด์ง๊ฐ ์๋ค. ์ฌ์ดํธ๋ฅผ ๋๋ฌ๋ณด๋ค๊ฐ, ๋ฌธ๋ ์ ๋ถ ๊ฐ์์์ด์ผ๊ฒ ๋ค๋ ๋ค์ง์ ํ๋ค. ์ผ๋จ ๋ฌด์๋ณด๋ค ์ฒ์์ ๋ค์ด๊ฐ์๋ง์ ๋ด ์ฌ์ง์ด ๋จ๋๊ฒ ์ข ๋ถ๋ด์ค๋ฌ์ ๊ณ , ๋ธ๋ก๊ทธ์ ์ฌ๋ฆฐ ๊ธ์ ๊ฐ์ธ ์ฌ์ดํธ์๋ ๋ณด์ฌ์ฃผ๊ณ ์ถ์๋ค. ๊ทธ๋ฆฌ๊ณ ๋ฐ์ดํฐ๋ค์ HTML์ ํ๋์ฝ๋ฉํด์ ํ์ํ์ง ์๊ณ , ๋ฐ์ดํฐ๋ฒ ์ด์ค์ ์ ์ฅํด์ API๋ฅผ ํตํด์ ๋ณด์ฌ์ฃผ๊ณ ์ถ์๋ค. ๋๋ ๊ฐ์ธ ์น ์ฌ์ดํธ๋ฅผ Next.js๋ฅผ ํ์ฉํด์ ๊ตฌํํ๋ค. ์๋ฒ ์ปดํฌ๋ํธ์ SSG๋ฅผ ํ์ฉํ๊ธด ํ์ง๋ง Next.js์ ๋ผ์ฐํ
๊ธฐ๋ฅ์ ํ์ฉํ data fetching์ ํ์ฉํ์ง ์์๊ธฐ ๋๋ฌธ์, ์ด๋ฒ ๊ธฐํ์ ๋ฐ์ดํฐ๋ฒ ์ด์ค๋ฅผ ๋ง๋ค์ด์ data fet..