[angular] ngx-spinner ๋กœ๋”ฉ๋ฐ”(๋กœ๋”ฉ ์Šคํ”ผ๋„ˆ)
ยท
Framework/angular
angular์—์„œ ๋กœ๋”ฉ๋ฐ” ๊ตฌํ˜„ํ•˜๋Š” ๋ฐฉ๋ฒ• 2022.02.23 ๊ธฐ์ค€์œผ๋กœ angular 13์„ ์ง€์›ํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. gif๋ฅผ ์ด์šฉํ•œ ์ปค์Šคํ…€๋„ ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค. Multiple Sprinners๋„ ์ง€์›ํ•ฉ๋‹ˆ๋‹ค. ์ „์ฒด ํ™”๋ฉด ๊ธฐ๋Šฅ๋„ enable/disable ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค. z-index๋ฅผ ์ง€์›ํ•ด์„œ ๊ฐ„๋‹จํ•˜๊ฒŒ ๋ ˆ์ด์–ด์˜ ์œ„์น˜๋ฅผ ์ง€์ • ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค. ๋ฌด์—‡๋ณด๋‹ค ์ง์ ‘ ๋งŒ๋“œ๋Š”๊ฒƒ ๋ณด๋‹ค ๋น ๋ฅด๊ฒŒ ์ ์šฉ์ด ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค. ์„ค์น˜ Using npm: $ npm install ngx-spinner --save Using yarn: $ yarn add ngx-spinner Using angular-cli: $ ng add ngx-spinner ์„ค์น˜ ๋ฐฉ๋ฒ•์€ ์„ธ๊ฐ€์ง€๋ฅผ ์ง€์›ํ•˜๊ณ  ์žˆ์œผ๋ฉฐ ์ง์ ‘ ๋“ฑ๋กํ•˜๊ณ  ์‹ถ๋‹ค๋ฉด package.json์— ๋“ฑ๋กํ•ด์ฃผ์‹œ๋ฉด ๋ฉ๋‹ˆ๋‹ค. "depend..