간편경리 프로젝트 시작 — 기획부터 기반 구축까지

프로젝트의 시작

간편경리는 “세무사에게 넘길 자료를 가계부처럼 쉽게”라는 핵심 포지셔닝으로 시작되었습니다.

타겟 사용자

• 1~5인 법인 대표
• 35세 IT 1인법인 대표 페르소나
• 월 경리 시간 최소화 희망

기술 스택 결정

• 프레임워크: Next.js 15 (App Router), TypeScript strict
• 스타일: Tailwind CSS 4, shadcn/ui (Zinc 테마)
• DB/인증: Supabase (PostgreSQL, Auth, RLS)
• 배포: Vercel + Supabase (Seoul region)

SECTION-01: 공통 기반 구축

• TypeScript 타입 정의 완성
• K-GAAP 기준 계정과목, 결제수단, 부가세 규칙 상수 정의
• 유틸 함수 (금액 포맷, 날짜 포맷, 부가세 자동 계산)
• Header, Sidebar, Footer 레이아웃 컴포넌트
• shadcn/ui 필수 컴포넌트 설치
• Pretendard 폰트 + 기본 테마 색상 적용
• Supabase Auth 미들웨어 구성

디자인 시스템

• Primary: #2563EB (파랑)
• Success/수입: #16A34A (초록)
• Danger/지출: #DC2626 (빨강)
• 폰트: Pretendard (본문 14px, 제목 20-28px)
• 모서리: 8px (카드), 6px (버튼/인풋)