React-pdf: @types/react-pdf์— pdfjs ์ถ”๊ฐ€

์— ๋งŒ๋“  2019๋…„ 06์›” 25์ผ  ยท  6์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: wojtekmaj/react-pdf

์‹œ์ž‘ํ•˜๊ธฐ ์ „์— - ์ฒดํฌ๋ฆฌ์ŠคํŠธ

  • [*] React-PDF๋Š” ์™„์ „ํ•œ PDF ๋ทฐ์–ด๋ฅผ ๋ชฉํ‘œ๋กœ ํ•˜์ง€ ์•Š์œผ๋ฉฐ ํ•˜๋‚˜๋ฅผ ๋งŒ๋“œ๋Š” ๋„๊ตฌ์ผ ๋ฟ์ž„์„ ์ดํ•ดํ•ฉ๋‹ˆ๋‹ค.
  • [*] ์ด ๊ธฐ๋Šฅ ์š”์ฒญ์ด ์•„์ง ๋ณด๊ณ ๋˜์ง€ ์•Š์•˜๋Š”์ง€ ํ™•์ธํ–ˆ์Šต๋‹ˆ๋‹ค.

๊ธฐ๋Šฅ ์š”์ฒญ์ด ๋ฌธ์ œ์™€ ๊ด€๋ จ๋˜์–ด ์žˆ์Šต๋‹ˆ๊นŒ?

(์›๊ฒฉ ์ž‘์—…์ž๋ฅผ ์ •์˜ํ•˜๊ธฐ ์œ„ํ•ด) ํŒจํ‚ค์ง€์—์„œ pdfjs๋ฅผ ๊ฐ€์ ธ์˜ฌ ๋•Œ ์ •์˜๊ฐ€ DefineTyped์— ์กด์žฌํ•˜์ง€ ์•Š๊ธฐ ๋•Œ๋ฌธ์— typescript๋ฅผ ์ปดํŒŒ์ผํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค.

์›ํ•˜๋Š” ์†”๋ฃจ์…˜ ์„ค๋ช…

ํŒจํ‚ค์ง€์— ์ •์˜ ์ถ”๊ฐ€

enhancement help wanted

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

์ด๊ฒƒ์€ @types/react-pdf@^4.0.3 ์—์„œ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋„๋ก ๋ณ‘ํ•ฉ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. @types/pdfjs-dist@^2.1.1 ์œ ํ˜• ๋ณ€๊ฒฝ๋„ ๊ฐ€์ ธ์˜ค๋ ค๋ฉด yarn.lock ํŒŒ์ผ์„ ์‚ญ์ œํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

@CodeDaraW ๊ฒ€ํ† ์— ๊ฐ์‚ฌ๋“œ๋ฆฝ๋‹ˆ๋‹ค.

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

์œ ํ˜•์„ ๋งŒ๋“  @CodeDaraW ๊ฐ€ ๋„์›€์ด ๋ ๊นŒ์š”?

pdfjs-dist ์—์„œ pdfjs๋ฅผ ์ง์ ‘ ๊ฐ€์ ธ์˜ฌ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋งˆ์ฐฌ๊ฐ€์ง€์ž…๋‹ˆ๋‹ค.
pdfjs-dist ์˜ ์œ ํ˜• ์ •์˜๋ฅผ ๊ฐ€์ ธ์˜ค์ง€ ์•Š์•˜์Šต๋‹ˆ๋‹ค. ์ด์— ๋Œ€ํ•œ Pull Request๋ฅผ ์ƒ์„ฑํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

version ๋ฐ GlobalWorkerOptions from @types/pdfjs-dist ๋ฅผ ๋‚ด๋ณด๋‚ธ ๋‹ค์Œ pdfjs-dist as pdfjs ์—์„œ @types/react-pdf pdfjs-dist as pdfjs ๋ฅผ ๋‚ด๋ณด๋ƒ„์œผ๋กœ์จ ์ด์— ๋Œ€ํ•œ ๊ธฐ๋ณธ ์ง€์›์„ ์ถ”๊ฐ€ํ–ˆ์Šต๋‹ˆ๋‹ค.

import { Document, Page, pdfjs } from 'react-pdf';
pdfjs.GlobalWorkerOptions.workerSrc =
  `//cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjs.version}/pdf.worker.js`;

์œ„์˜ ์˜ˆ๋Š” ์ด์ œ TypeScript์—์„œ ์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค.

@Wojtekmaj @CodeDaraW

์ด๊ฒƒ์€ @types/react-pdf@^4.0.3 ์—์„œ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋„๋ก ๋ณ‘ํ•ฉ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. @types/pdfjs-dist@^2.1.1 ์œ ํ˜• ๋ณ€๊ฒฝ๋„ ๊ฐ€์ ธ์˜ค๋ ค๋ฉด yarn.lock ํŒŒ์ผ์„ ์‚ญ์ œํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

@CodeDaraW ๊ฒ€ํ† ์— ๊ฐ์‚ฌ๋“œ๋ฆฝ๋‹ˆ๋‹ค.

@wojtekmaj ๊ฐ€ ์ง€๊ธˆ ๋ฌธ์ œ๋ฅผ ์ข…๋ฃŒํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์™€! ๊ด€๋ จ๋œ ๋ชจ๋“  ๋ถ„๋“ค๊ป˜ ๊ฐ์‚ฌ๋“œ๋ฆฝ๋‹ˆ๋‹ค.

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