전체 뭉치

기본기보여주기 › 디자인·움직임·모든 프로젝트에 기본

사소한 법칙

작동 중

칸맞춤, 쉼표, 날짜, 빈 값 같은 작은 실수를 기본값으로 막습니다.

사이트에서 바로 보기

전화번호·금액 입력 엑셀표 (쉼표 숫자)

※ 이 화면 아래에서 바로 쳐 볼 수 있습니다.

여기서 바로 해 보기

원
개

합계 1,800,000원(단가 12,000 × 150개)

보낼 값: 전화 — · 단가 12000 · 수량 150 — 저장할 때는 쉼표 없는 숫자가 넘어갑니다.

지키는 규칙

  1. 천 단위 숫자는 쉼표로 표시한다. 입력칸도 치는 동안 쉼표가 붙게 한다(금액입력·숫자입력).
  2. 전화번호는 붙임표를 넣어 010-1234-5678 모양으로 보여주고 저장한다(전화번호입력·전화번호표기).
  3. 금액은 통화 단위를 붙이고 오른쪽 정렬한다.
  4. 날짜는 한국 화면에서는 YYYY-MM-DD 또는 YYYY-MM-DD HH:mm으로 통일한다.
  5. 빈 값은 공백 대신 '-'로 표시한다.
  6. 표 머리글과 데이터 정렬 기준을 고정한다.
  7. 한글 CSV는 UTF-8 BOM으로 저장한다.
  8. 긴 버튼 문구는 줄바꿈되게 하고 글자가 넘치지 않게 한다.

쓰는 부품

따로 까는 부품 없이 규칙과 우리 코드로 지킵니다.

우리 뼈대 안의 자리: src/lib/표기.ts · src/modules/2-ui/숫자입력.tsx

마법사에서 언제 들어가나

어떤 프로젝트를 고르든 기본으로 들어갑니다.

겹치는 뭉치 — 「화면 기본 규칙」 메뉴로 합쳐 둠

다섯 뭉치 모두 «화면이 어떻게 보이나»를 정한다. 쓰는 부품(shadcn/ui·Tailwind·Radix)이 거의 같다.

이 뭉치의 급

기본기무엇을 만들든 항상 들어간다. 고를 필요가 없다.