์ด๋ด,
์ง๊ธ๊น์ง Angular 4๋ก ์์
ํ ์ฌ๋์ด ์์ต๋๊น?
๋ด ๋จ๊ณ๋ ๋ค์๊ณผ ๊ฐ์ต๋๋ค.
์ค๋ฅ 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 ๋ฅผ ์์ฑ
ํ๊ฒฝ:
์ด๋ค ์ ์?
Angular 4 ์ ํ๋ฆฌ์ผ์ด์ ์์๋ ๋์ผํ ๋ฌธ์ ๊ฐ ๋ฐ์ํ๊ณ ์์ต๋๋ค. ์ง๊ธ ์ฐ๋ฆฌ๋ babel-polyfill์ ๊ฐ์ ธ์ค๋ ์ค์ ์๋์ผ๋ก ์ ๊ฑฐํฉ๋๋ค. ๊ทธ๋ฌ๋ ์ด๊ฒ์ ๋ช ๋ฐฑํ ์ด์ ๋ก ์์ ์ ์ด๊ฑฐ๋ ๊ถ์ฅ๋๋ ์์ ์ฌํญ์ด ์๋๋๋ค. ๊ธฐ๋ฅ์ ํ ์คํธํ๊ธฐ ์ํ ์์ ํด๊ฒฐ ๋ฐฉ๋ฒ์ผ ๋ฟ์ ๋๋ค.
์๋
ํ์ธ์,
babel-polyfill ๋ผ์ธ์ ์ ๊ฑฐํ๋ ํฌํฌ๋ฅผ ๋ง๋ค์์ต๋๋ค. ์ฌ์ฉํ๋ ค๋ ๊ฒฝ์ฐ ์ฌ๊ธฐ ์ ์์ต๋๋ค.
๊ณ ๋ง์, ๊ณ ๋ง์.
๊ทธ๋ฌ๋ ๋๋ ํจ์ฌ ๋ ์ ์๋ํ๋ "zxing-typescript"๋ก ์ ํํ์ต๋๋ค. iOS11์๋ ์ ์ฉํ์ต๋๋ค. ์๊ฐ์ด ๋๋ฉด Angular ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ๋ง๋ค์ด ๋ณด๊ฒ ์ต๋๋ค.
@schmich ์ด ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ ๊ณํ์ด ์์ต๋๊น?
ZXing์ผ๋ก Angular-Component๋ฅผ ๋ง๋ค์์ต๋๋ค. ์์ ๋กญ๊ฒ ์ฌ์ฉํด ๋ณด์ธ์.
https://github.com/werthdavid/ngx-zxing
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
Angular 4 ์ ํ๋ฆฌ์ผ์ด์ ์์๋ ๋์ผํ ๋ฌธ์ ๊ฐ ๋ฐ์ํ๊ณ ์์ต๋๋ค. ์ง๊ธ ์ฐ๋ฆฌ๋ babel-polyfill์ ๊ฐ์ ธ์ค๋ ์ค์ ์๋์ผ๋ก ์ ๊ฑฐํฉ๋๋ค. ๊ทธ๋ฌ๋ ์ด๊ฒ์ ๋ช ๋ฐฑํ ์ด์ ๋ก ์์ ์ ์ด๊ฑฐ๋ ๊ถ์ฅ๋๋ ์์ ์ฌํญ์ด ์๋๋๋ค. ๊ธฐ๋ฅ์ ํ ์คํธํ๊ธฐ ์ํ ์์ ํด๊ฒฐ ๋ฐฉ๋ฒ์ผ ๋ฟ์ ๋๋ค.