[angular] ngx-json-viewer JSON formatter and viewer
ยท
Framework/angular
์„ค์น˜ npm install ngx-json-viewer or yarn add ngx-json-viewer For older Angular: # For Angular 4/5/6/7: npm install ngx-json-viewer@2 # For Angular 2: npm install ngx-json-viewer@1 ์ง์ ‘ ์ถ”๊ฐ€ํ•˜๊ณ  ์‹ถ๋‹ค๋ฉด package.json์— ์ถ”๊ฐ€ํ•ฉ๋‹ˆ๋‹ค. "dependencies": { "ngx-json-viewer": "^3.0.2" } ์‚ฌ์šฉํ•˜๊ธฐ app.module.ts ์— NgxJsonViewerModule์„ import ํ•ฉ๋‹ˆ๋‹ค. import { NgxJsonViewerModule } from 'ngx-json-viewer'; @NgModule({ ..., imports: [ ....
[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..