์ธํŒŒ

You Can Become A

Pro

๋Šฆ๊ฒŒ ์‹œ์ž‘ํ•ด๋„ ๋ˆ„๊ตฌ๋“ ์ง€ ๋…ธ๋ ฅํ•˜๋ฉด ๊ฐœ๋ฐœ์ž๊ฐ€ ๋ ์ˆ˜ ์žˆ์–ด์š” !

์•„์ด์ฝ˜

๊ณต๋ถ€ํ•œ ๋‚ด์šฉ์„ ์ •๋ฆฌํ•ฉ๋‹ˆ๋‹ค
JS ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ๋ชจ์Œ

๐ŸŽ‰ ๊ฐ€๋ฒผ์šด ์•„์ด์ฝ˜ ํฐํŠธ [feather icon] ๋‹ค์šด & ์‚ฌ์šฉ๋ฒ•

Feather ์•„์ด์ฝ˜ ์ ์šฉํ•˜๊ธฐ ์ด ์•„์ด์ฝ˜ํŒฉ์€ ์ƒ‰์ด ์ฑ„์›Œ์ ธ ์žˆ์ง€ ์•Š๊ณ , ๋ผ์ธ์œผ๋กœ๋งŒ ๋œ ๋””์ž์ธ์œผ๋กœ ๊นจ๋—ํ•˜๊ณ  ๊ท€์—ฌ์šด ๋ชจ์–‘์„ ๊ฐ€์ง„๋‹ค. ์‚ฌ๋žŒ๋“ค์ด ๊ฐ€์žฅ ๋งŽ์ด ์“ฐ๋Š” ํฐํŠธ ์•„์ด์ฝ˜์˜ ๊ฑฐ์žฅ์ธ Font Awesome ์€ ์œ„์ฒ˜๋Ÿผ ์ƒ‰์ด ๋น„์›Œ์ง„ ์•„์ด์ฝ˜์„ ์“ฐ๋ ค๋ฉด ์œ ๋ฃŒ ์ •๊ธฐ ๊ฒฐ์ œ๋ฅผ ํ•ด์•ผ ํ•˜๊ธฐ ๋•Œ๋ฌธ์— ์ด ์•„์ด์ฝ˜ํŒฉ์€ ๊ฐ€๋ฒผ์šฐ๋ฉด์„œ๋„ ์“ธ๋งŒํ•œ ๊ฒƒ ๊ฐ™๋‹ค. ์•„์ด์ฝ˜์˜ ํ™•์žฅ์ž๋Š” SVG๋กœ ์ด๋ฏธ์ง€ ๊นจ์ง์—†์ด ์‚ฌ์ด์ฆˆ ์กฐ์ ˆ๊ณผ ์ƒ‰์ƒ ๋ณ€๊ฒฝ์ด ์•„์ฃผ ์‰ฝ๊ฒŒ ๊ฐ€๋Šฅํ•˜๋‹ค. ๋˜ํ•œ ์ผ๋Ÿฌ์ŠคํŠธ ๋””์ž์ธ์œผ๋กœ ์‚ฌ์šฉํ•˜๊ธฐ์—๋„ ์ ํ•ฉํ•˜๋‹ค. Feather โ€“ Simply beautiful open source icons Feather is a collection of simply beautiful open source icons. Each icon is designed on a 24x24 gr..

category_image
์ธํŒŒ_
2022.06.13
(0)
Bootstrap5

๐Ÿ”ฎ BootStrap5 ์•„์ด์ฝ˜ ์‚ฌ์šฉ๋ฒ• ์ •๋ฆฌ

BootStrap 5 icons ๋Œ€ํ‘œ์ ์ธ ํฐํŠธ ์•„์ด์ฝ˜์œผ๋กœ๋Š” ํฐํŠธ์–ด์ธ(FontAwesome), XEIcon, Google Icon Fonts ๋“ฑ์ด ์žˆ์Šต๋‹ˆ๋‹ค. ๋ถ€ํŠธ์ŠคํŠธ๋žฉ ์•„์ด์ฝ˜(Bootstrap Icons)์€ ํฐํŠธ ์–ด์ธ์ฒ˜๋Ÿผ ์‚ฌ์šฉํ•˜๊ธฐ ๋งค์šฐ ์‰ฝ์Šต๋‹ˆ๋‹ค. ๋”๋ถˆ์–ด svg ์•„์ด์ฝ˜์„ ์ด๋ฏธ์ง€๋กœ ๋‹ค์šด๋กœ๋“œ ๋ฐ›์„ ์ˆ˜๋„ ์žˆ๊ณ , svg ์ฝ”๋“œ๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜๋„ ์žˆ๋„๋ก ๋‹ค์–‘ํ•˜๊ฒŒ ํŽธ์˜๋ฅผ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. Bootstrap Icons Official open source SVG icon library for Bootstrap icons.getbootstrap.com NPM > npm i bootstrap-icons CDN ๋ถ€ํŠธ์ŠคํŠธ๋žฉ ์•„์ด์ฝ˜ ์ ์šฉ๋ฒ• ํƒœ๊ทธ๋กœ ์ ์šฉ ๋ฐฉ๋ฒ• ํ•˜๋‚˜์”ฉ ์•Œ์•„๋ณด๋„๋ก ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. ์—์„œ bi- ๋‹ค์Œ์˜ ์•„์ด์ฝ˜ ๋ช…์„ ์ ์–ด์ฃผ์‹œ๋ฉด ๊ทธ ์•„์ด์ฝ˜..

category_image
์ธํŒŒ_
2021.10.19
(0)