[NPM] package ๋ฒ„์ „ ์—…๊ทธ๋ ˆ์ด๋“œ ๋ฐฉ๋ฒ•
ยท
Server/Node.js
package ๋ฒ„์ „ ์—…๊ทธ๋ ˆ์ด๋“œ ๋ฐฉ๋ฒ• ํ”„๋กœ์ ํŠธ์˜ ๋ชจ๋“ˆ์ด '์˜ค๋ž˜๋œ'์ง€ ํ™•์ธํ•˜๋ ค๋ฉด ๋‹ค์Œ์„ ์ˆ˜ํ–‰ํ•˜์‹ญ์‹œ์˜ค. npm outdated ' ์˜ค๋ž˜๋œ'์€ package.json์— ์ •์˜๋œ ๋ชจ๋“  ๋ชจ๋“ˆ์„ ํ™•์ธํ•˜๊ณ  NPM ๋ ˆ์ง€์ŠคํŠธ๋ฆฌ์— ์ตœ์‹  ๋ฒ„์ „์ด ์žˆ๋Š”์ง€ ํ™•์ธํ•ฉ๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด xml2js 0.2.6(ํ˜„์žฌ ํ”„๋กœ์ ํŠธ์˜ node_modules์— ์žˆ์Œ)์ด ์ตœ์‹  ๋ฒ„์ „(0.2.7)์ด ์žˆ๊ธฐ ๋•Œ๋ฌธ์— ์˜ค๋ž˜๋˜์—ˆ๋‹ค๊ณ  ๊ฐ€์ •ํ•ด ๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค. ๋‹ค์Œ์„ ๋ณผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. xml2js@0.2.7 node_modules/xml2js current=0.2.6 ๋ชจ๋“  ์ข…์†์„ฑ์„ ์—…๋ฐ์ดํŠธํ•˜๋ ค๋ฉด ์ด๊ฒƒ์ด ๋ฐ”๋žŒ์งํ•˜๋‹ค๊ณ  ํ™•์‹ ํ•˜๋Š” ๊ฒฝ์šฐ ๋‹ค์Œ์„ ์ˆ˜ํ–‰ํ•˜์‹ญ์‹œ์˜ค. npm update ๋˜๋Š” xml2js์™€ ๊ฐ™์€ ๋‹จ์ผ ์ข…์†์„ฑ์„ ์—…๋ฐ์ดํŠธํ•˜๋ ค๋ฉด ๋‹ค์Œ์„ ์ˆ˜ํ–‰ํ•˜์‹ญ์‹œ์˜ค. npm update xml2j..
[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..
[Nodejs] NPM ์„ค์น˜๋œ ํŒจํ‚ค์ง€ ๋ฆฌ์ŠคํŠธ ํ™•์ธ
ยท
Languages/JavaScript
npm list -g --depth=0 npm: ๋…ธ๋“œ ํŒจํ‚ค์ง€ ๊ด€๋ฆฌ ํ•ด์ฃผ๋Š” ํˆด ์ž…๋‹ˆ๋‹ค. list -g: ์„ค์น˜๋œ ํŒจํ‚ค์ง€๋ฅผ ํŠธ๋ฆฌํ˜•ํƒœ๋กœ ๋ณด์—ฌ์ค๋‹ˆ๋‹ค. ( -g ์˜ต์…˜์ด ์—†์œผ๋ฉด ํ˜„์žฌ ํด๋”์— ์„ค์น˜๋œ ํŒจํ‚ค์ง€๋งŒ ๋ณด์—ฌ์ค๋‹ˆ๋‹ค.) depth 0 / — depth=0: ํŒจํ‚ค์ง€์— ์˜์กด์„ฑ์ด ๊ฑธ๋ฆฐ ๋ชจ๋“  ํŒจํ‚ค์ง€๋ฅผ ๋ณด์—ฌ์ฃผ์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ๊ณ ๋กœ ์ตœ์ƒ๋‹จ ํŠธ๋ฆฌ์˜ ํŒจํ‚ค์ง€๋งŒ ๋ณด์—ฌ์ค๋‹ˆ๋‹ค.
Node.js - Introduction
ยท
Server/Node.js
What is Node.js?Node.js๋Š” ๊ตฌ๊ธ€ ํฌ๋กฌ์˜ ์ž๋ฐ” ์Šคํฌ๋ฆฝํŠธ ์—”์ง„ (V8 ์—”์ง„) ์„ ๊ธฐ๋ฐ˜์œผ๋กœ ์„œ๋ฒ„ ์ธก ํ”Œ๋žซํผ์ž…๋‹ˆ๋‹ค. 2009๋…„ Ryan Dahl ์— ์˜ํ•ด ๊ฐœ๋ฐœ๋˜์—ˆ์œผ๋ฉฐ ์ตœ์‹  ๋ฒ„์ „ v0.10.36 ์ž…๋‹ˆ๋‹ค.(2016๋…„07์›”20์ผ ๊ธฐ์ค€ LTS 4.4.7 ๋ฒ„์ „์ด ๊ฐ€์žฅ ์ตœ์‹ ์ž…๋‹ˆ๋‹ค.) ๊ณต์‹์ ์œผ๋กœ ์ œ๊ณต๋˜๋Š” documentation์— ์˜ํ•˜๋ฉด - Node.js๋Š” ์‰ฝ๊ณ  ๋น ๋ฅด๊ฒŒ ํ™•์žฅ ๊ฐ€๋Šฅํ•œ ๋„คํŠธ์›Œํฌ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ๊ตฌ์ถ•ํ•˜๊ธฐ ์œ„ํ•œ ํฌ๋กฌ์˜ Chrome's JavaScript runtime(V8์—”์ง„)์œผ๋กœ ๊ตฌ์ถ• ๋œ ํ”Œ๋žซํผ์ž…๋‹ˆ๋‹ค. ๋ถ„์‚ฐ ๋””๋ฐ”์ด์Šค๋ฅผ ๊ฐ€๋ณ๊ณ  ํšจ์œจ์ ์ด๋ฉฐ ์™„๋ฒฝํ•˜๊ฒŒ ์ฒ˜๋ฆฌํ•˜๋Š” ์‹ค์‹œ๊ฐ„ ๋ฐ์ดํ„ฐ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์œผ๋กœ event-driven, non-blocking I/O๋ฅผ ํ™œ์šฉํ•ฉ๋‹ˆ๋‹ค.Node.js๋Š” ์„œ๋ฒ„ ์‚ฌ์ด๋“œ ๊ฐœ๋ฐœ ๋ฐ ๋„คํŠธ์›Œํ‚น ..
Node.js ํŠœํ† ๋ฆฌ์–ผ
ยท
Server/Node.js
Node.js TutorialNode.js๋Š” ํ›Œ๋ฅญํ•œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๊ธฐ๋ฐ˜์˜ ํ”„๋ ˆ์ž„์›Œํฌ/ํ”Œ๋žซํผ์ด๋ฉฐ ๊ตฌ๊ธ€ ํฌ๋กฌ์˜ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์—”์ง„๊ณผ ๊ฐ™์€ V8 ์—”์ง„์„ ๊ธฐ๋ฐ˜์œผ๋กœ ๋˜์–ด์žˆ๋‹ค. ๋น„๋””์˜ค ์ŠคํŠธ๋ฆฌ๋ฐ ์‚ฌ์ดํŠธ, ๋‹จ์ผ ํŽ˜์ด์ง€๋กœ ์ด๋ค„์ง„ ์‘์šฉ ํ”„๋กœ๊ทธ๋žจ ๋ฐ ๊ธฐํƒ€ ์›น ์‘์šฉ ํ”„๋กœ๊ทธ๋žจ ๊ณผ ๊ฐ™์€ I/O๋ฅผ ์ฃผ๋กœ ๋‹ค๋ฃจ๋Š” ์›น ์‘์šฉ ํ”„๋กœ๊ทธ๋žจ์„ ๊ฐœ๋ฐœํ•˜๋Š” ๋ฐ ์‚ฌ์šฉ๋œ๋‹ค. ์˜คํ”ˆ ์†Œ์Šค์ธ Node.js๋Š” ์™„์ „ ๋ฌด๋ฃŒ์ด๋ฉฐ ์ „ ์„ธ๊ณ„ ์ˆ˜ ์ฒœ๋ช… ๊ฐœ๋ฐœ์ž๊ฐ€ ์ด์šฉํ•˜๊ณ  ์žˆ๋‹ค.Audience์ด๋ฒˆ ํŠœํ† ๋ฆฌ์–ผ์—์„œ๋Š” Node.js์˜ ๊ธฐ์ดˆ์™€ ์•„ํ‚คํ…์ฒ˜ ์ปจ์…‰์„ ๊ณต๋ถ€ํ•˜๊ณ ์ž ํ•˜๋Š” ์†Œํ”„ํŠธ์›จ์–ด ํ”„๋กœ๊ทธ๋ž˜๋จธ๋ฅผ ์œ„ํ•ด ์ œ์ž‘๋˜์—ˆ๋‹ค. Node.js์— ํ•„์š”ํ•œ ๋ชจ๋“  ๊ตฌ์„ฑ์š”์†Œ์™€ ์˜ˆ์ œ๋ฅผ ํ†ตํ•ด ์ดํ•ด๋ฅผ ์‹œ์ผœ ์ค„ ๊ฒƒ์ด๋‹ค.Prerequisites์ด ๊ณผ์ •์„ ํ•˜๊ธฐ ์ „์— ๊ธฐ์ดˆ์ ์ธ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ์ดํ•ดํ•˜๊ณ  ์žˆ์–ด์•ผ ํ•œ๋‹ค. ์›น ๊ธฐ๋ฐ˜..