๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

๊ฐœ๋ฐœ

favicon ๋“ฑ๋ก

1. ์ผ๋ฐ˜ png ์ด๋ฏธ์ง€ ํ•˜๋‚˜๋ž‘ ico ์ด๋ฏธ์ง€ ํ•˜๋‚˜๋ฅผ ์ค€๋น„ํ•œ๋‹ค.

2. ico ์ด๋ฏธ์ง€๋Š” ico converter(https://www.icoconverter.com/) ์‚ฌ์ดํŠธ๋ฅผ ์ด์šฉํ•ด png ์ด๋ฏธ์ง€๋ฅผ ico ์ด๋ฏธ์ง€๋กœ ๋งŒ๋“ค๋ฉด ๋œ๋‹ค.

3. ํ„ฐ๋ฏธ๋„์— npm install -D parcel-plugin-static-files-copy ์ž…๋ ฅํ•˜์—ฌ ์„ค์น˜ํ›„ package.json ํŒŒ์ผ์— "staticFiles": { "staticPath": "static"} ๋‚ด์šฉ ์ถ”๊ฐ€ํ•œ๋‹ค.

4. images ํŒŒ์ผ์ƒ์„ฑ ํ›„ png ํŒŒ์ผ ๋„ฃ์–ด๋‘๊ณ , static ํŒŒ์ผ์ƒ์„ฑ ํ›„ ico ํŒŒ์ผ ๋„ฃ์–ด๋‘์–ด ํ„ฐ๋ฏธ๋„์— npm run dev ์žฌ์ž‘๋™ ์‹œํ‚ค๋ฉด ํŒŒ๋น„์ฝ˜์ด ์‚ฌ์ดํŠธ์— ์ œ๋Œ€๋กœ ๋“ค์–ด๊ฐ„ ๊ฒƒ์„ ํ™•์ธ ํ•  ์ˆ˜ ์žˆ์Œ.

 

**3๋ฒˆ์„ ์ง„ํ–‰ํ•˜๋Š” ์ด์œ : ๋ฒˆ๋“ค๋Ÿฌ๋ฅผ ์ž‘๋™์‹œํ‚ค๋ฉด dist ํด๋”์— ์—ฌ๋ŸฌํŒŒ์ผ๋“ค์ด ๋ฒˆ์—ญ๋˜์–ด ๋‹ด๊ธฐ๊ฒŒ ๋˜๋Š”๋ฐ ์ด๋•Œ ๋ฃจํŠธ๊ฒฝ๋กœ์— ์žˆ๋Š” ico ์ด๋ฏธ์ง€๊ฐ€ dist ํด๋”์— ๋‹ด๊ธฐ์งˆ ๋ชปํ•จ. ๋”ฐ๋ผ์„œ 3๋ฒˆ์„ ์ง„ํ–‰ํ•˜์—ฌ ๋ฒˆ๋“ค๋Ÿฌ ์ž‘๋™๋  ๋•Œ static์ด๋ž€ ํŒŒ์ผ์— ์žˆ๋Š” ico ์ด๋ฏธ์ง€๊ฐ€ ๋ณต๋ถ™๋˜์–ด dist ํŒŒ์ผ์— ๋‹ด๊ฒจ์ง€๊ฒŒ ๋จ.