템플릿
우리 팀 경비 승인 앱
오늘 바로 온라인에 올릴 수 있는 경비 승인 앱이에요. 직원이 영수증을 보내면 관리자가 승인하고, 재무팀은 한 달 치를 스프레드시트로 받아요. 동료만 열 수 있어요.
이런 분께: 재무팀, 관리자, 업무용으로 뭔가를 사는 모든 사람
01하는 일
팀이 얻는 것
1분이면 경비 제출
금액, 날짜, 항목, 사용 목적을 적고 영수증 사진이나 PDF를 붙여요. 휴대폰에서도 돼요.
메모와 함께 승인하거나 반려
승인자는 대기 중인 건을 모두 보고 어떤 영수증이든 열 수 있어요. 반려할 때는 메모가 필요해서, 제출한 사람이 무엇을 고칠지 알 수 있어요. 자기 경비는 아무도 승인할 수 없어요.
내 경비가 어디까지 왔는지 확인
누구나 자기 경비를 대기, 승인, 반려 상태로 볼 수 있고, 아직 대기 중인 건은 철회할 수 있어요.
재무팀은 한 달 치를 한 번에
한 달 동안 승인된 경비 전부와 항목별 합계, 장부용 CSV 내려받기가 있어요.
02역할
누가 무엇을 할 수 있나요
앱을 열 수 있는 사람만 여기까지 들어와요. 앱 안에서는 담당자가 People 페이지에서 회사 이메일로 동료에게 역할을 줘요.
| 누가 | 할 수 있는 일 |
|---|---|
| 앱을 열 수 있는 모든 사람 | 경비 제출, 자기 경비 보기, 대기 중인 건 철회 |
| 승인자 | 모든 사람의 경비를 보고 결정, 어떤 영수증이든 열기 |
| 재무팀 | 월별 승인된 경비 보기, CSV 내려받기, 어떤 영수증이든 열기 |
| 관리자 | 승인자, 재무팀, 관리자 지정 변경 |
| 담당자(처음 배포한 사람) | 모든 것 |
앱을 열 수 있는 사람 자체는 TeamOnly가 정해요. 회사 사람 모두, 또는 npx teamonly access only로 지정한 사람만이에요.
03시작
명령어 몇 개면 온라인에
컴퓨터에 Node.js가 있어야 해요. Claude Code나 Cursor를 쓰고 있다면 이미 있어요. 터미널에서 다음을 실행하세요.
앱 만들기
expenses라는 새 폴더에 앱 전체를 만들고 필요한 것을 설치해요.내 컴퓨터에서 써 보기
http://localhost:5173에서 열리고, 앱 담당자인 테스트 사용자로 로그인된 상태예요.온라인에 올리기
컴퓨터마다 한 번 로그인한 뒤 배포하세요.
expenses.acme.teamonly.app같은 링크가 생기고, 회사 사람만 열 수 있어요.
npx teamonly init --template expense-approval expensesCreated "expenses" from the expense-approval templatecd expenses && npm installnpm run devLocal: http://localhost:5173/npx teamonly loginSigned in as dana@acme.comnpx teamonly deployLive at https://expenses.acme.teamonly.appOnly @acme.com accounts can sign in.04내 것으로 만들기
AI에게 요청해서 고치기
템플릿은 폴더 안의 평범한 코드예요. Claude Code나 Cursor에 평소 말로 수정을 요청하고, npm run dev로 확인한 뒤 다시 배포하세요. 이런 요청을 해 볼 수 있어요.
1인당 월 한도를 추가하고, 한도를 넘는 건 재무팀이 보게 빨간색으로 표시해 줘.
경비마다 프로젝트 코드를 넣을 수 있게 하고, CSV에도 추가해 줘.
통화를 유로로 바꾸고 주행 거리 항목을 추가해 줘.
새 경비가 들어오면 승인자에게 이메일을 보내고, 아직 기다리는 게 있으면 매일 아침 알림을 보내 줘.
05비용
비용은 얼마인가요
- 템플릿은 무료예요. 비용은 템플릿을 호스팅하는 TeamOnly에 내는데, 카드 없는 14일 무료 체험이 끝난 뒤부터예요.
- Builder, 월 $19: 제작자 1명, 앱 최대 3개.
- Team, 월 $249: 제작자와 앱 수 제한 없음, 회사 이메일이 있는 누구나 배포 가능.
- 앱을 쓰기만 하는 동료는 무료예요. 사용자 요금이 없어요.
경비 앱은 누가 열 수 있나요?
회사 사람만 열 수 있어요. 회사 Google 계정이나 Microsoft 계정, 또는 회사 이메일로 받은 코드로 로그인해요. npx teamonly access only로 지정한 사람만 열게 좁힐 수도 있어요.
자기 경비를 직접 승인할 수 있나요?
아니요. 앱이 결정할 때마다 확인해요. 승인자가 나 혼자라면 내 경비는 다른 사람이 승인해야 해요.
영수증은 어디에 보관되나요?
TeamOnly에 있는 그 앱 전용 파일 저장소에 보관돼요. 다른 앱은 읽을 수 없어요. 영수증은 사진(JPG, PNG, HEIC, WebP)이나 PDF로, 최대 10 MB까지 올릴 수 있어요.
항목이나 통화를 바꿀 수 있나요?
네. 둘 다 src/shared/types.ts 파일 하나에 들어 있어요. AI 툴에 바꿔 달라고 하고 다시 배포하세요. 기본값은 미국 달러이고, 항목은 출장, 식비, 소모품, 소프트웨어, 교육, 기타예요.
대기 중인 경비가 있으면 이메일을 보내나요?
기본으로는 안 보내지만, 쉽게 바꿀 수 있어요. TeamOnly 앱은 동료에게 이메일을 보낼 수 있으니, 경비가 들어오면 승인자에게 이메일을 보내 달라고 AI 툴에 요청하세요. 그전까지는 승인자가 앱 안에서 대기 중인 경비 수를 봐요.
얼리 액세스
이번 주에 첫 툴을 올려 보세요.
TeamOnly는 얼리 액세스 중이고, 지금 모든 요금제에 가입할 수 있어요. 카드 없이 14일 동안 무료로 써 보거나, 구독하세요. 어느 쪽이든 회사 설정이 바로 끝나고, 명령어 세 개면 첫 앱이 온라인에 올라가요.
아직 준비가 안 됐나요? 소식 받기
질문은 hello@teamonly.dev로 보내 주세요. 사람이 직접 답해요.