React :: public ๊ฒฝ๋ก์ src ๊ฒฝ๋ก์ ์ฐจ์ด์ . ๊ฐ๊ฐ ์ธ์ ์ฌ์ฉํ๋ฉด ์ข์๊น?
1
2024.11.19
Public ๋๋ ํ ๋ฆฌ ์ src ๋๋ ํ ๋ฆฌ์ ์ฐจ์ด์ Public ๋๋ ํ ๋ฆฌ- ์ ์ ํ์ผ์ ๋ฃ๋ ๋๋ ํ ๋ฆฌ (index.html์ ๋น๋กฏํ html ํ์ผ, img ํ์ผ ๋ฑ..) * ํ์ผ์ด ํ์ฒ๋ฆฌ(post-process) ๋๊ฑฐ๋ ๊ฒฝ๋ํ(minify) ๋์ง ์๋๋ค. * ํ์ผ ๊ฒฝ๋ก๋ฅผ ์๋ชป ์
๋ ฅํ๊ฑฐ๋, ํ์ผ์ด ์กด์ฌํ์ง ์์ ๊ฒฝ์ฐ์ ์ปดํ์ผ ๋จ๊ณ์์ ์ค๋ฅ๊ฐ ๋ฐ์ํ์ง ์๊ณ , ์ฌ์ฉ์๊ฐ ์ ๊ทผํ ๋ 404 ์ค๋ฅ๋ฅผ ์๋ตํ๊ฒ ๋๋ค. * ํ์ผ์ด ์์ ๋ ๋ ๋ง๋ค ์ง์ ํ์ผ๋ช
์ ์์ ํ๊ฑฐ๋ ๋งค๊ฐ๋ณ์ ์ฟผ๋ฆฌ๋ฅผ ์ถ๊ฐํด์ผ ํจ => ํ๊ฒฝ ๋ณ์๋ฅผ ์ฌ์ฉํ๋ฉด ์ด๋์ ๋ ํด๊ฒฐ์ด ๊ฐ๋ฅํ๊ธด ํ๋ค.. src ๋๋ ํ ๋ฆฌ- ๊ฐ๋ฐํ๋ฉด์ ์์
ํ๋ ํ์ผ์ ๋๋ถ๋ถ์ ๋ฃ๋ ๋๋ ํ ๋ฆฌ (index.js, ๊ทธ ์ธ ๋ฆฌ์กํธ ์ปดํฌ๋ํธ ๊ฐ์ js ํ์ผ, css ํ์ผ ๋ฑ....