Upng.js: ๊ธฐ๋Šฅ ์š”์ฒญ: NPM ๋ชจ๋“ˆ

์— ๋งŒ๋“  2017๋…„ 05์›” 14์ผ  ยท  16์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: photopea/UPNG.js

UPNG.js์˜ NPM ๋ชจ๋“ˆ์„ ๋งŒ๋“ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๊นŒ? Node.js ๋˜๋Š” ๋ธŒ๋ผ์šฐ์ € ์ปจํ…์ŠคํŠธ์—์„œ ์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•œ ์ƒ˜ํ”Œ๋„ ๋งค์šฐ ์œ ์šฉํ•ฉ๋‹ˆ๋‹ค.

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

๋‚˜๋Š” npm ํŒจํ‚ค์ง€ ์š”์ฒญ์— ๋™๊ฐํ•˜์ง€๋งŒ ์†”์งํžˆ ๋งํ•ด์„œ ์ด ์–ด๋ฆฐ ํ”„๋กœ์ ํŠธ์— ๋Œ€ํ•ด ๋‹ค์Œ์„ ์ˆ˜ํ–‰ํ•ฉ๋‹ˆ๋‹ค.

  • npm๊ณผ github๊ฐ€ ํ˜‘์—…ํ•  ๋•Œ๋ผ๋Š” ๋ฐ ๋™์˜ํ•ฉ๋‹ˆ๋‹ค.
  • ์ž ์‹œ ๋™์•ˆ rawgit์— ๋งŒ์กฑํ•˜์‹ญ์‹œ์˜ค: https://rawgit.com/photopea/UPNG.js/master/UPNG.js

Npm์€ github๊ณผ ํ†ตํ•ฉ์„ ์‹œ๋„ํ•˜๊ณ  ์žˆ์œผ๋ฉฐ ๋‚ด ์ข…์†์„ฑ ์ค‘ ํ•˜๋‚˜์— ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. ๋ณด๋‹ค:
https://docs.npmjs.com/cli/install
.. github๋ฅผ ๊ฒ€์ƒ‰ํ•ฉ๋‹ˆ๋‹ค.

์ฝ”๋“œ๋Š” ๋งค์šฐ ๊นจ๋—ํ•ฉ๋‹ˆ๋‹ค. ์ œ ์†Œ์›์€ ๋‹ค์Œ ํ˜ธ์— ๋‚˜์˜ต๋‹ˆ๋‹ค :)

๋ชจ๋“  16 ๋Œ“๊ธ€

์˜ค๋Š˜ ์ž‘๊ฐ€๋‹˜๊ณผ ์ด๋Ÿฐ ์ด์•ผ๊ธฐ๋ฅผ ๋‚˜๋ˆด์Šต๋‹ˆ๋‹ค.
npm ๋ชจ๋“ˆ์ด ๊ณง ์ƒ์„ฑ๋˜๊ธฐ๋ฅผ ๋ฐ”๋ž๋‹ˆ๋‹ค.
์—†์–ด์„œ ์•„์‰ฌ์› ์Šต๋‹ˆ๋‹ค.

๋‚˜๋Š” ๊ทธ๋“ค์—๊ฒŒ NPM ํŒจํ‚ค์ง€๋ฅผ ๋งŒ๋“ค๊ธฐ ์œ„ํ•œ ์›น ์ธํ„ฐํŽ˜์ด์Šค๋ฅผ ๋งŒ๋“ค์–ด๋‹ฌ๋ผ๊ณ  ์š”์ฒญํ–ˆ์Šต๋‹ˆ๋‹ค: https://github.com/npm/npm/issues/16625

BWT. ๋งŽ์€ ํฅ๋ฏธ๋กœ์šด ์†Œํ”„ํŠธ์›จ์–ด๊ฐ€ ์ด๋ฏธ ์—ฌ๊ธฐ์— ์žˆ๊ณ  GIT ํ”„๋กœํ† ์ฝœ์ด ์ด์— ๋Œ€ํ•ด ๋ถˆํŽธํ•ด ๋ณด์ด๊ธฐ ๋•Œ๋ฌธ์— GitHub๋Š” NPM์— ๋Œ€ํ•œ ์ž์ฒด ๋Œ€์•ˆ์„ ๋งŒ๋“ค์–ด์•ผ ํ•œ๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค.

๋‚˜๋Š” npm ํŒจํ‚ค์ง€ ์š”์ฒญ์— ๋™๊ฐํ•˜์ง€๋งŒ ์†”์งํžˆ ๋งํ•ด์„œ ์ด ์–ด๋ฆฐ ํ”„๋กœ์ ํŠธ์— ๋Œ€ํ•ด ๋‹ค์Œ์„ ์ˆ˜ํ–‰ํ•ฉ๋‹ˆ๋‹ค.

  • npm๊ณผ github๊ฐ€ ํ˜‘์—…ํ•  ๋•Œ๋ผ๋Š” ๋ฐ ๋™์˜ํ•ฉ๋‹ˆ๋‹ค.
  • ์ž ์‹œ ๋™์•ˆ rawgit์— ๋งŒ์กฑํ•˜์‹ญ์‹œ์˜ค: https://rawgit.com/photopea/UPNG.js/master/UPNG.js

Npm์€ github๊ณผ ํ†ตํ•ฉ์„ ์‹œ๋„ํ•˜๊ณ  ์žˆ์œผ๋ฉฐ ๋‚ด ์ข…์†์„ฑ ์ค‘ ํ•˜๋‚˜์— ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. ๋ณด๋‹ค:
https://docs.npmjs.com/cli/install
.. github๋ฅผ ๊ฒ€์ƒ‰ํ•ฉ๋‹ˆ๋‹ค.

์ฝ”๋“œ๋Š” ๋งค์šฐ ๊นจ๋—ํ•ฉ๋‹ˆ๋‹ค. ์ œ ์†Œ์›์€ ๋‹ค์Œ ํ˜ธ์— ๋‚˜์˜ต๋‹ˆ๋‹ค :)

๋˜ํ•œ Node ํ™˜๊ฒฝ์—์„œ ์‚ฌ์šฉํ•˜๋ ค๋ฉด ํŒŒ์ผ ์ƒ๋‹จ์— ๋‹ค์Œ๊ณผ ๊ฐ™์ด ๋ณ€๊ฒฝํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

import pako from 'pako';
export var UPNG = {};

์ผ๋ถ€ ์ง„ํ–‰ ํ˜•? :-)

์ด๋ฏธ ์ด ๋ชจ๋“ˆ ์˜ ๋…ธ๋“œ ๋ชจ๋“ˆ ์Šคํƒ€์ผ์—์„œ UPNG.js๋ฅผ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. @photopea ๊ฐ€ ๊ดœ์ฐฎ๋‹ค๋ฉด ์ˆœ์ˆ˜ํ•œ UPNG.js ๋ชจ๋“ˆ์„ ๊ฒŒ์‹œํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ๋„ˆ๋ฌด ์˜ค๋ž˜ ๊ฑธ๋ฆฌ์ง€๋Š” ์•Š์ง€๋งŒ ์–ด๋–ค ๊ธฐ๊ฐ„๋„ ๋ณด์žฅํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค.

@awerlang ์‹ค์ œ๋กœ

var pako = require('pako');
module.exports = {};

@Scimonster ๋‹น์‹  ๋ง์ด ๋งž์•„, ๋‚˜๋Š” ์ด๊ฒƒ์ด ํŠธ๋žœ์ŠคํŒŒ์ผ๋Ÿฌ๊ฐ€ ํ•„์š”ํ•˜๋‹ค๊ณ  ์–ธ๊ธ‰ํ–ˆ์–ด์•ผ ํ–ˆ๋‹ค

๋ˆ„๊ตฐ๊ฐ€ ์ด๊ฒƒ์„ NPM์— ๊ฒŒ์‹œํ•œ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค. https://www.npmjs.com/package/upng

๋ถˆํ–‰ํžˆ๋„ ์›๋ž˜ ์ €์ž์— ๋Œ€ํ•œ ๊ท€์†์ด ์—†์Šต๋‹ˆ๋‹ค.

์Šฌํผ! @ํฌํ† ํ”ผ !

์˜ˆ, ๋˜ํ•œ ๊ณต๊ฐœ ์ €์žฅ์†Œ์™€ NPM ๋ชจ๋“ˆ์˜ ์ผ๋ถ€๊ฐ€ ์•„๋‹ˆ์–ด์•ผ ํ•˜๋Š” IntelliJ IDEA ๊ตฌ์„ฑ ํ•ญ๋ชฉ์ด ์—†์Šต๋‹ˆ๋‹ค.

@Scimonster UPNG.js ๋„ npm์œผ๋กœ ๊ฐ€์ ธ์˜ฌ ์ˆ˜ ์žˆ์Šต๋‹ˆ๊นŒ?

@Scimonster UPNG.js ๋„ npm์œผ๋กœ ๊ฐ€์ ธ์˜ฌ ์ˆ˜ ์žˆ์Šต๋‹ˆ๊นŒ?

@Scimonster ๊ฐ€ ํ•  ๊ฒƒ์ธ๊ฐ€ ์•„๋‹ˆ๋ฉด ๋‚ด๊ฐ€ ํ•  ๊ฒƒ์ธ๊ฐ€.

@photopea ์˜ˆ,

@Scimonster ์ข‹์•„, ๋‚ด๊ฐ€ ๋‹น์‹ ์„ ํ˜‘๋ ฅ์ž๋กœ ๋งŒ๋“ค์—ˆ์Šต๋‹ˆ๋‹ค. UPNG.js๋Š” ๊ทธ๋Œ€๋กœ ๋ธŒ๋ผ์šฐ์ €์—์„œ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•ด์ฃผ์„ธ์š”. NPM์— ๋Œ€ํ•œ ์–ธ๊ธ‰์„ README.md์— ์ถ”๊ฐ€ํ•ฉ๋‹ˆ๋‹ค. ์ •๋ง ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค. ๋„์™€์ฃผ์…”์„œ ์ •๋ง ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค :)

์™„๋ฃŒ. ์œ„์—์„œ ๋งํ–ˆ๋“ฏ์ด ๋ˆ„๊ตฐ๊ฐ€๊ฐ€ ์ด๋ฏธ upng ๊ฐ€์ ธ๊ฐ”๊ธฐ ๋•Œ๋ฌธ์— upng-js ๋กœ ์—…๋กœ๋“œํ•ด์•ผ ํ–ˆ์Šต๋‹ˆ๋‹ค.

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰