@petnow/ui

사내 웹 프로젝트에서 사용할 공용 컴포넌트 라이브러리입니다.

Storybook 배포주소

https://components.petnow.co/

프로젝트 구조

@petnow/ui
├── hooks - 해당 프로젝트에서 사용하는 custom hooks 모음
├── node_modules
├── public
├── src
|  ├── assets
|  ├── components - 공용 컴포넌트 모음
|  |  ├── autocomplete
|  |  ├── button
|  |  ├── card
|  |  ├── checkbox
|  |  ├── datepicker
|  |  ├── input
|  |  ├── modal
|  |  ├── radio
|  |  ├── select
|  |  └── tab
|  └── utils
├── test
|  └── __snapshots__ - 테스트 스냅샷 파일 저장소

사용방법

1. import index.css in your App/layout.js (Next.js)
2. import tailwind.css in your main CSS file

import '@petnow/ui/dist/index.css'

@import "@petnow/ui/tailwind.css";

2. Use Components

Storybook local 실행 방법

1. dependencies 설치

pnpm i

2. storybook 실행

pnpm storybook

배포 방법

NPM 배포 (OIDC Trusted Publishing)

이 패키지는 npm Trusted Publishing (OIDC) 으로 배포합니다. GitHub Actions에서 발급되는 OIDC 토큰을 사용하므로 NPM_TOKEN 같은 레지스트리 토큰을 저장/관리하지 않습니다.

DEV

1. PR 생성 후 main branch에 merge
2. DEV 배포 완료

PROD

1. PR 생성 후 main branch에 merge
2. semver 컨벤션에 맞춰 버전 작성 후 release 실시
3. PROD 배포 완료