React :: (Next.js ์ฌ์ฉ ์์ด) ํด๋น ํด๋์ ํ์ผ์ ๋์ ๋ผ์ฐํ
.
2023.11.03
๋งค๋ฒ ์์ฑ๋๋ ํ์ผ์ App.js์ ์์์
์ผ๋ก ๋ผ์ฐํ
ํ๊ธฐ์๋ ์ฌ์ด ์ผ์ด ์๋๋ค. ๊ทธ๋์.. ํ์ด์ง๋ก ๋ผ์ฐํ
๋์ด์ผํ๋ ํ์ผ์ ์์์ ./pages ๋ผ๋ ํด๋์ ๋ชฐ์ ๋ฃ๊ณ ํด๋น ํด๋์ ์๋ ํ์ผ์ ์ ๋ถ ํ๊ฒ ๋ค๋ ๋ฌธ๋ฒ์ ์์ฑํด๋ณด์๋ค. ์๋ง ๋์ ๋ผ์ฐํ
์ ๊ฒ์ํ๋ฉด ๊ฐ์ ํ
ํ๋ฆฟ์ props ๋ง ๋ฐ๋๋ (์ํ ์์ธ ์ด๋ฏธ์ง ..) ํํ๊ฐ ๋ค์ ๋์ ์ํ๋ ์ ๋ณด๋ฅผ ์ป๊ธฐ ํ๋ค๊ฒ์ด๋ค. Next.js ๋ฅผ ์ฌ์ฉํ์ฌ ๊ฐ๋ฐํ๊ฒ ๋๋ฉด ์ฐ๋ฆฌ๊ฐ ๊ตฌํํ๊ณ ์ ํ๋ ๊ธฐ๋ฅ์ ๋ ์์ฝ๊ฒ ๊ตฌํํ ์ ์์ผ๋ ์์ React (React-create-APP) ๊ธฐ๋ฐ์ผ๋ก App.js ๋ฅผ ๋์ ์ผ๋ก ๋ผ์ฐํ
ํ๋ ค๋ฉด ์๋์ ๊ฐ์ ๋ฌธ๋ฒ ์กฐ์์ด ํ์ํ๋ค. Code. 23.11 ๊ธฐ์ค์ผ๋ก ์์ ์ฝ๋๋ฅผ ํ์ฌ ํ๋ก์ ํธ์ ์ด์ํ๋ ค๊ณ ํ๋ฉด ์๋ฌ ๋ฉ์ธ์ง๊ฐ ๋ฐ์ํ ๊ฒ์ด๋ค. E..