Instascan: ๊ฐ๋„(CLI) ํ˜ธํ™˜์„ฑ

์— ๋งŒ๋“  2017๋…„ 08์›” 19์ผ  ยท  5์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: schmich/instascan

์ด๋ด,

์ง€๊ธˆ๊นŒ์ง€ Angular 4๋กœ ์ž‘์—…ํ•œ ์‚ฌ๋žŒ์ด ์žˆ์Šต๋‹ˆ๊นŒ?
๋‚ด ๋‹จ๊ณ„๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค.

  1. npm install --instascan ์ €์žฅ
  2. "instascan"์—์„œ Instascan์œผ๋กœ * ๊ฐ€์ ธ์˜ค๊ธฐ;
  3. ์˜ˆ์ œ์—์„œ ๋‚ด ๊ตฌ์„ฑ ์š”์†Œ๋กœ ์ฝ”๋“œ ๋ณต์‚ฌ

์˜ค๋ฅ˜ 1
error1.txt ์˜ค๋ฅ˜

์˜ค๋ฅ˜ 2
๊ทธ๋Ÿฐ ๋‹ค์Œ ์•ฑ --> ์Šคํฌ๋ฆฝํŠธ์˜ .angular-cli.json์— node_modules/instascan/index.js๋ฅผ ์ง์ ‘ ํฌํ•จํ•˜๋ ค๊ณ  ์‹œ๋„ํ–ˆ์ง€๋งŒ error2.txt๋ฅผ ์ƒ์„ฑ ํ•ฉ๋‹ˆ๋‹ค.

์˜ค๋ฅ˜ 3
๋‹ค์Œ ์•„์ด๋””์–ด๋Š” ์ถ•์†Œ๋œ dist-file(instascan.min.js)์„ apps-->scripts์˜ .angular-cli.json์— ์ง์ ‘ ํฌํ•จํ•˜๋Š” ๊ฒƒ์ด์ง€๋งŒ ์ด๋Š” error3.txt ๋ฅผ ์ƒ์„ฑ

ํ™˜๊ฒฝ:

  • Win 10 Chrome 60.0.3112.101 ๊ณต์‹ x64
  • ๊ฐ์ง„ 4.3.5
  • ๊ฐ๋„-cli 1.3.0

์–ด๋–ค ์ œ์•ˆ?

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

Angular 4 ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์—์„œ๋„ ๋™์ผํ•œ ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ์ง€๊ธˆ ์šฐ๋ฆฌ๋Š” babel-polyfill์„ ๊ฐ€์ ธ์˜ค๋Š” ์ค„์„ ์ˆ˜๋™์œผ๋กœ ์ œ๊ฑฐํ•ฉ๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ์ด๊ฒƒ์€ ๋ช…๋ฐฑํ•œ ์ด์œ ๋กœ ์•ˆ์ •์ ์ด๊ฑฐ๋‚˜ ๊ถŒ์žฅ๋˜๋Š” ์ˆ˜์ • ์‚ฌํ•ญ์ด ์•„๋‹™๋‹ˆ๋‹ค. ๊ธฐ๋Šฅ์„ ํ…Œ์ŠคํŠธํ•˜๊ธฐ ์œ„ํ•œ ์ž„์‹œ ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•์ผ ๋ฟ์ž…๋‹ˆ๋‹ค.

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

Angular 4 ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์—์„œ๋„ ๋™์ผํ•œ ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ์ง€๊ธˆ ์šฐ๋ฆฌ๋Š” babel-polyfill์„ ๊ฐ€์ ธ์˜ค๋Š” ์ค„์„ ์ˆ˜๋™์œผ๋กœ ์ œ๊ฑฐํ•ฉ๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ์ด๊ฒƒ์€ ๋ช…๋ฐฑํ•œ ์ด์œ ๋กœ ์•ˆ์ •์ ์ด๊ฑฐ๋‚˜ ๊ถŒ์žฅ๋˜๋Š” ์ˆ˜์ • ์‚ฌํ•ญ์ด ์•„๋‹™๋‹ˆ๋‹ค. ๊ธฐ๋Šฅ์„ ํ…Œ์ŠคํŠธํ•˜๊ธฐ ์œ„ํ•œ ์ž„์‹œ ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•์ผ ๋ฟ์ž…๋‹ˆ๋‹ค.

์•ˆ๋…•ํ•˜์„ธ์š”,
babel-polyfill ๋ผ์ธ์„ ์ œ๊ฑฐํ•˜๋Š” ํฌํฌ๋ฅผ ๋งŒ๋“ค์—ˆ์Šต๋‹ˆ๋‹ค. ์‚ฌ์šฉํ•˜๋ ค๋Š” ๊ฒฝ์šฐ ์—ฌ๊ธฐ ์— ์žˆ์Šต๋‹ˆ๋‹ค.

๊ณ ๋งˆ์›Œ, ๊ณ ๋งˆ์›Œ.
๊ทธ๋Ÿฌ๋‚˜ ๋‚˜๋Š” ํ›จ์”ฌ ๋” ์ž˜ ์ž‘๋™ํ•˜๋Š” "zxing-typescript"๋กœ ์ „ํ™˜ํ–ˆ์Šต๋‹ˆ๋‹ค. iOS11์—๋„ ์ ์šฉํ–ˆ์Šต๋‹ˆ๋‹ค. ์‹œ๊ฐ„์ด ๋˜๋ฉด Angular ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ๋งŒ๋“ค์–ด ๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค.

@schmich ์ด ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•  ๊ณ„ํš์ด ์žˆ์Šต๋‹ˆ๊นŒ?

ZXing์œผ๋กœ Angular-Component๋ฅผ ๋งŒ๋“ค์—ˆ์Šต๋‹ˆ๋‹ค. ์ž์œ ๋กญ๊ฒŒ ์‚ฌ์šฉํ•ด ๋ณด์„ธ์š”.
https://github.com/werthdavid/ngx-zxing

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