npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

@noraent/nora-datagrid

v1.1.0-beta.7

Published

![Generic badge](https://img.shields.io/badge/version-1.0.0-yellow.svg?style=flat-square&logo=Java&logoColor=white) ![Generic badge](https://img.shields.io/badge/[email protected]?style=flat-square&logo=Java&logoColor=whitewhite) ![Generic badg

Readme

Generic badge Generic badge Generic badge

프로젝트 개발시 유의해주세요!

배포 관련

다음 브랜치 전략에 따라 PR 및 머지를 진행해주세요. feature → develop → release/x.x.x → main

(main)              ← 배포용 (운영 반영)
│
├── release/1.1.x   ← 최신 릴리스 (예: 1.1.0, 1.1.1)
│
├── release/1.0.x   ← 유지보수용 (예: 1.0.3)
│
├── develop         ← 통합 및 QA용
│
└── feature/*       ← 개별 기능 개발용

릴리스 및 태그 규칙

  1. 릴리스 브랜치 생성 시점
  • develop 브랜치의 안정화 버전을 기준으로 release/x.x.x 브랜치를 생성합니다.
    • 반드시 QA 완료 후 main에 머지해야합니다.
  1. 태그 규칙
  • 운영 배포 시 반드시 태그를 생성해주세요.
    • 형식: v[major].[minor].[patch]
    • 예시: v1.1.0, v1.1.1
  1. 버전 관리 정책 예시
  • [Major 버전].[Minor 버전].[Patch 버전]
  • Major: 호환성을 깨뜨리는 변경이 있을 때 증가
  • Minor: 새로운 기능이 추가될 때 증가
  • Patch: 버그 수정이 있을 때 증가

✨ nora-data-grid v3 개요

🚀 Build Setup

install

pnpm install

start

// http://localhost:5001
pnpm run start

build

pnpm build:local
pnpm build:dev
pnpm build:production

build clean

pnpm clean:build

Clean build and node_modules

pnpm clean

👨‍💻 스팩

📦 @emotion/styled 설치 (채택)

가볍고 성능 최적화가 잘 되어있다. 대규모 프로젝트에 적합하고 MUI와 같은 라이브러리와 통합이 필요한 경우, 또는 복잡한 스타이링과 테마 시스템을 다루는 경우 적합함.

pnpm add @emotion/react @emotion/styled @emotion/css

📦 rimraf

운영체제에 제약없이 설치되게 폴더를 삭제할 수 있다.

pnpm add rimraf

참고 레퍼런스 nora-data-grid은 @leokim97제공하는 ConveGrid 코어를 기반으로 개발 되었습니다. 일부 nameSpace 구조등 ConveGrid 기반이므로 중복될 수 있습니다.

🚀 배포

 # build
 npm run tsc-build
 npm run publish:npm

 # 배포
 npm publish
 or
 npm private

npm publish --access=public

참고

React의 SemVer 이해 

  • Major 버전 ((X)): 호환성을 깨뜨리는 변경이 있을 때 증가합니다. 예를 들어 React 16에서 17로 넘어갈 때 호환성이 깨지는 변경이 포함되었습니다.
  • Minor 버전 ((Y)): 기존 기능과 호환되면서 새로운 기능이 추가될 때 증가합니다. 예를 들어 React가 $18.2.0$에서 $18.3.0$으로 변경되는 경우입니다.
  • Patch 버전 ((Z)): 버그 수정이 있을 때만 증가합니다. 치명적인 버그가 수정되면 해당 버전을 올립니다.