header-img
Info :
src 1
React :: public ๊ฒฝ๋กœ์™€ src ๊ฒฝ๋กœ์˜ ์ฐจ์ด์ . ๊ฐ๊ฐ ์–ธ์ œ ์‚ฌ์šฉํ•˜๋ฉด ์ข‹์„๊นŒ? 1
2024.11.19
Public ๋””๋ ‰ํ† ๋ฆฌ ์™€ src ๋””๋ ‰ํ† ๋ฆฌ์˜ ์ฐจ์ด์  Public ๋””๋ ‰ํ† ๋ฆฌ- ์ •์  ํŒŒ์ผ์„ ๋„ฃ๋Š” ๋””๋ ‰ํ† ๋ฆฌ (index.html์„ ๋น„๋กฏํ•œ html ํŒŒ์ผ, img ํŒŒ์ผ ๋“ฑ..)   * ํŒŒ์ผ์ด ํ›„์ฒ˜๋ฆฌ(post-process) ๋˜๊ฑฐ๋‚˜ ๊ฒฝ๋Ÿ‰ํ™”(minify) ๋˜์ง€ ์•Š๋Š”๋‹ค.   * ํŒŒ์ผ ๊ฒฝ๋กœ๋ฅผ ์ž˜๋ชป ์ž…๋ ฅํ•˜๊ฑฐ๋‚˜, ํŒŒ์ผ์ด ์กด์žฌํ•˜์ง€ ์•Š์„ ๊ฒฝ์šฐ์— ์ปดํŒŒ์ผ ๋‹จ๊ณ„์—์„œ ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ•˜์ง€ ์•Š๊ณ , ์‚ฌ์šฉ์ž๊ฐ€ ์ ‘๊ทผํ•  ๋•Œ 404 ์˜ค๋ฅ˜๋ฅผ ์‘๋‹ตํ•˜๊ฒŒ ๋œ๋‹ค.   * ํŒŒ์ผ์ด ์ˆ˜์ •๋  ๋•Œ ๋งˆ๋‹ค ์ง์ ‘ ํŒŒ์ผ๋ช…์„ ์ˆ˜์ •ํ•˜๊ฑฐ๋‚˜ ๋งค๊ฐœ๋ณ€์ˆ˜ ์ฟผ๋ฆฌ๋ฅผ ์ถ”๊ฐ€ํ•ด์•ผ ํ•จ     => ํ™˜๊ฒฝ ๋ณ€์ˆ˜๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ์–ด๋Š์ •๋„ ํ•ด๊ฒฐ์ด ๊ฐ€๋Šฅํ•˜๊ธด ํ•˜๋‹ค.. src ๋””๋ ‰ํ† ๋ฆฌ- ๊ฐœ๋ฐœํ•˜๋ฉด์„œ ์ž‘์—…ํ•˜๋Š” ํŒŒ์ผ์˜ ๋Œ€๋ถ€๋ถ„์„ ๋„ฃ๋Š” ๋””๋ ‰ํ† ๋ฆฌ (index.js, ๊ทธ ์™ธ ๋ฆฌ์•กํŠธ ์ปดํฌ๋„ŒํŠธ ๊ฐ™์€ js ํŒŒ์ผ, css ํŒŒ์ผ ๋“ฑ....