open-index/open-npm huggingface dataset:
npm package: @newgo/frontend-kit
Description: 한 번 설치해서 `@newgo` 프론트엔드 모듈을 가져다 쓰는 통합 패키지.
Latest version: 0.1.2

# @newgo/frontend-kit

한 번 설치해서 `@newgo` 프론트엔드 모듈을 가져다 쓰는 통합 패키지.

## 설치
npm i @newgo/frontend-kit

## 사용
```ts
import { ScaleFrame, useScaleFrame } from "@newgo/frontend-kit";
```

또는 서브패스 import:

```ts
import { ScaleFrame } from "@newgo/frontend-kit/scale-frame";
```
npm package: @newgo/scale-frame
Description: 디자인 기준 폭(designWidth) 기반 레이아웃을 만들되, - `viewport >= designWidth` 에서는 부모 너비를 그대로 사용하고 - `viewport < designWidth` 에서만 기준 폭을 유지한 채 통축소(scale)하는 React 컴포넌트/훅.
Latest version: 0.1.4

# @newgo/scale-frame

디자인 기준 폭(designWidth) 기반 레이아웃을 만들되,
- `viewport >= designWidth` 에서는 부모 너비를 그대로 사용하고
- `viewport < designWidth` 에서만 기준 폭을 유지한 채 통축소(scale)하는 React 컴포넌트/훅.

## 설치
npm i @newgo/scale-frame

## 사용
import { ScaleFrame } from "@newgo/scale-frame";

<ScaleFrame designWidth={390} origin="top center">
  <YourApp />
</ScaleFrame>

## API
ScaleFrame
- designWidth?: number (default 390)
- origin?: "top center" | "center center" (default "top center")
- children: ReactNode

useScaleFrame
import { useScaleFrame } from "@newgo/scale-frame";
const { viewportRef, frameRef } = useScaleFrame({ designWidth: 390 });