# preonboarding

> 원티드 프리온보딩 챌린지, CDD

Latest version **1.0.1** (published 2023-06-17) · MIT license · 0 weekly downloads

## Install

```sh
npm install preonboarding
pnpm add preonboarding
yarn add preonboarding
bun add preonboarding
```

## Health

**Score 20/100 (F)** — status: abandoned.

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.1 |
| Published | 2023-06-17 |
| First published | 2023-06-17 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 1 |
| Unpacked size | 9.5 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | hazzzi |
| Maintainers | hazzzi |

## Links

- npm: https://www.npmjs.com/package/preonboarding
- npm.io page: https://npm.io/package/preonboarding

## Dependencies (1)

- [styled-components](https://npm.io/package/styled-components.md) 6.0.0-rc.3

## Recent versions

- 1.0.1 (latest) — 2023-06-17
- 1.0.0 — 2023-06-17

## README

# 프리온보딩 프론트엔드 챌린지 6월 

## 개발환경
- PNPM
- React
- Styled

## Installation

```sh
$ npm i preonboarding
```

```sh
$ yarn i preonboarding
```

```sh
$ pnpm i preonboarding
```

## Usage
- [Storybook Link](https://hazzzi.github.io/preonboarding)

### Serving the app
```js
import { Button } from 'preonboarding'

const App = () => {
    return (
        <Button label="hello" />
    )
}
```

## 참고
1. 라이브러리로 사용될 저장소 생성
2. npm 환경 초기화 
3. 스토리북 설치(pnpm, vite, react)
4. styled 설치 -> 바닐라 익스트랙트는 타입스크립트가 필요해서
5. 불필요한 스토리북 파일제거
6. 스토리북 디렉터리 경로 수정 후 config 반영
7. 번들러 설치 (rollup)
8. 진입점 설정
9. esbuild 설치 (바벨쓰고 웹팩쓰면, 서로를 모르기때문에 윤활유 같은 역할이 필요함);
10. rollup-plugin-esbuild 설치 (윤활유)
11. peerDependencies 넣어줌 -> 도와주는 플러그인을 또 설치 해야한다.(deprecate)
    1.  external 설정으로 가능함.
12. ESM, CJS output 설정 변경
13. npm 로그인 & npm 패키지명 중복확인
14. npm publish

---
_Source: https://npm.io/package/preonboarding · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._
