open-index/open-npm huggingface dataset:
npm package: @naverpay/react-pdf
Description: - 리액트 컴포넌트 기반으로 만들어진 pdf 뷰어 입니다. 별다른 설정 없이, PDF Viewer를 사용할 수 있습니다.
Latest version: 1.1.1

# @naverpay/react-pdf

- 리액트 컴포넌트 기반으로 만들어진 pdf 뷰어 입니다. 별다른 설정 없이, PDF Viewer를 사용할 수 있습니다.

## Installation

```sh
npm install @naverpay/react-pdf
```

## Description

- [PdfViewer 설명 보기](https://github.com/NaverPayDev/pie/blob/main/packages/react-pdf/PdfViewer.md)
- [getPdfDocument 설명 보기](https://github.com/NaverPayDev/pie/blob/main/packages/react-pdf/getPdfDocument.md)

## @naverpay/react-pdf 의 장점

> 자세한 개선사항은 [**여기**](https://github.com/NaverPayDev/pie/blob/main/packages/react-pdf/개선사항.md) 에서 확인할 수 있습니다.

### 성능 향상

1. 한글을 고려한 렌더링 방식
      - [기존 react pdf](https://github.com/wojtekmaj/react-pdf) 는 파싱 및 렌더링이 영어에 초점이 맞춰져 있습니다.
      - 한글의 경우, 한글자 씩 렌더링되고 있어, rendering 시점에 blocking이 자주 발생되곤 했습니다.
      - `@naverpay/react-pdf` 에서는 한글에 알맞도록 파싱 로직을 수정했습니다.

2. non-blocking rendering
     - pdf rendering 시, requestAnimationFrame을 이용해 rendering에 의한 blocking이 발생되지 않도록 처리했습니다.

3. lazy loading
     - 페이지 수가 많은 pdf를 불러오고 rendering을 하게 되면, 부하가 많이 생기는데, 이를 lazy-loading을 기본적으로 적용하여 최적화했습니다.

### SSR 지원 (feat. Next.Js)

- 별도의 설정 없이, SSR을 지원하도록 구현했습니다.

### 기타 장점

- pdf 내부의 한글 글자 클릭 시, custom 한 action을 사용할 수 있도록 추가했습니다.
npm package: @naverpay/rollup
Description: 이 패키지는 Javascript, Typescript 환경의 라이브러리를 손쉽게 번들링할 수 있도록 도와주는 패키지입니다.
Latest version: 0.1.3

# @naverpay/rollup

이 패키지는 Javascript, Typescript 환경의 라이브러리를 손쉽게 번들링할 수 있도록 도와주는 패키지입니다.

## Installation

- 해당 패키지 rollup 2.x 버전을 peerDependency로 가지고 있습니다. 해당 패키지를 사용하기 위해서는, rollup 2.x 버전대를 설치해야합니다.

```bash
npm install rollup@^2 @naverpay/rollup
```

## How to use

```javascript
import {generateRollupConfig} from '@naverpay/rollup'
```

## Modules

- [generateRollupConfig](./generateRollupConfig.md)

## 참고 자료

이 패키지와 관련된 추가 정보는 아래 링크를 통해 확인할 수 있습니다:

- <https://rollupjs.org/introduction/>
npm package: @naverpay/url-param-compressor
Description: `@naverpay/url-param-compressor`는 내부적으로 [fflate](https://www.npmjs.com/package/fflate) 라이브러리를 활용하여 URL 매개변수를 압축하고 해제하는 유틸리티 패키지입니다. URL의 길이를 효율적으로 관리하면서도 필요한 모든 정보를 전달할 수 있습니다.
Latest version: 0.0.2
npm package: @naverpay/vanilla-store
Description: ![NPM Version](https://img.shields.io/npm/v/%40naverpay%2Fvanilla-store) ![NPM bundle size](https://img.shields.io/bundlephobia/min/%40naverpay%2Fvanilla-store) ![NPM Downloads](https://img.shields.io/npm/dw/%40naverpay%2Fvanilla-store)
Latest version: 1.1.3