임대료 관리 앱을 만들어 봤어요.

요즘 바이브코딩이 핫하잖아요.

그래서 저도 만들어 보았습니다. 지인이 임대사업을 하는데 

관리하는데 아직도 장부를 쓰고 있는거에요.세무사 사무실도 쓰면서 너무 번거로울것 같아서

한번 만들어 보았습니다.

아직 미비한 점이 있어서 추가해야 할 게 남았기는 하지만 

단순한 로직으로 만든거라 사용이 편하고 직관적이라는 평을 들었습니다.

여러분도 혹시 필요하시다면 링크 접속하셔서 사용하시면 됩니다.

 

필요하신 분은 링크로 들어가시면 바로 열립니다.

모바일화면에 바로가기 추가 해놓고 쓰시면 됩니다.

 

임대 관리

🏠 임대료 관리 앱 — 개발 기록

앱에 구성한 앱화면

**제작일**: 2026년 3월 16일
**제작 도구**: Claude AI (Anthropic)
**기술 스택**: HTML + CSS + JavaScript (단일 파일)
**저장 방식**: 브라우저 localStorage (서버 없음)
**배포 방식**: Netlify Drop (무료)


 📌 앱 개요

시각장애를 가진 건물주와 도우미(가족)가 함께 사용하는 모바일 최적화 임대료 관리 앱입니다. 서버·DB·유료 서비스 없이 HTML 파일 하나로 동작하며, 50개 방의 월세 수납 현황을 한눈에 파악하고 세무사에게 전달할 자료를 즉시 생성할 수 있습니다.**

 🗂 주요 화면 구성 (4개 탭)

1. 현황 탭 (대시보드)

- 이번달 수입 합계 · 미납 방 수 · 납부 완료 수 · 납부율 즉시 확인
- 납부 진행률 바 시각화
- 미납 방 호수 + 임차인 이름 칩으로 표시
- 계약 만료 임박 방 자동 경고 (30일 이내)
- 올해 월별 수입 바 차트
- 월 이동 버튼으로 과거·미래 월 자유롭게 조회

 2. 방 목록 탭 

- 전체 50개 방 목록 (납부/미납/전세/반전세 배지 구분)
- 호수·이름 실시간 검색
- 전체·미납·납부 필터
- 방 카드 터치 → 정보 수정
- 
    - 버튼으로 새 방 추가
- 임대 유형 구분: 월세 / 전세 / 반전세

 3. 납부 입력 탭 

- 미납 방이 상단에 자동 정렬
- 연체 일수 자동 계산 및 빨간 배지 표시
- 터치 한 번으로 납부 완료 처리
- 납부 금액 · 납부일 · 메모 수정 가능
- 납부 완료 후 재수정 및 취소 기능
- 부분납부 자동 감지 및 주황 배지 표시
- 전세 방은 납부 목록에서 자동 제외, 하단에 별도 표시
- 연체 임차인에게 문자 발송 기능 (3단계 템플릿)

 4. 내보내기 탭 

- 연도별 월별 수입 현황 표
- 연간 총 수입 자동 집계
- 월별 수입 자료 복사 (세무사 전달용)
- 이번달 미납 목록 복사 (임차인 연락처 포함)
- 복사 후 카카오톡·이메일·문자에 붙여넣기

 ✉️ 연체 안내 메시지 기능

납부 탭에서 미납·연체 방의 "문자" 버튼을 누르면 3단계 템플릿이 자동 생성됩니다.
| 1단계 | 정중한 첫 안내 | 부드러운 납부 요청 |
| 2단계 | 재안내 | 연체 일수 포함, 기한 명시 |
| 3단계 | 강경 안내 | 법적 절차 언급 |

임차인 이름·호수·월세 금액·연체 일수가 자동으로 채워지며, "문자 바로 보내기" 버튼을 누르면 폰 문자앱이 자동으로 열리면서 번호와 내용이 미리 입력됩니다.

 임대 유형 구분

방 추가·수정 시 임대 유형을 선택할 수 있습니다.

-  월세 : 납부 목록에 포함, 미납 추적
-  전세 : 납부 목록 자동 제외, 보증금만 표시, 파란 배지
-  반전세 : 월세 납부 추적 + 반전세 배지 표시

 ✅ 이 앱의 좋은 점

 ① 설치 없이 바로 사용 
HTML 파일 하나를 폰 브라우저로 열면 끝입니다. 앱스토어 설치 불필요, 업데이트 불필요.

 ② 비용 제로 
서버비·구독료·API 비용이 전혀 없습니다. Netlify 무료 플랜으로 호스팅하면 주소까지 생깁니다.

 ③ 데이터가 내 폰에만 저장 
외부 서버로 데이터가 나가지 않아 임차인 개인정보가 완전히 보호됩니다.

 ④ 도우미와 건물주 역할 분리 설계 
도우미가 입력하고 건물주가 확인하는 흐름에 최적화되어 있습니다. 큰 글씨, 명확한 색상 구분, 간결한 3단계 입력 구조로 누구나 쉽게 사용할 수 있습니다.

 ⑤ 세무사 자료 즉시 생성 
연간 수입 합계, 월별 납부 현황을 버튼 하나로 복사해서 세무사에게 카카오톡으로 바로 전달 가능합니다. 별도 엑셀 정리 불필요.

 ⑥ 연체 관리 자동화 
납부일이 지난 방을 자동으로 감지해 연체 일수를 계산합니다. 문자 템플릿도 자동 생성되어 연체 임차인에게 즉시 연락할 수 있습니다.

 ⑦ 전세·반전세 완벽 구분 
월세 외에 전세·반전세 임차인을 별도로 관리합니다. 전세 임차인은 납부 목록에서 자동 제외되어 혼선이 없습니다.

  🔧 향후 추가 가능한 기능

- Supabase 연동으로 여러 기기 데이터 공유
- 관리비 항목 별도 관리
- 납부일 자동 알림 (PWA 푸시 알림)
- 계약서 파일 첨부
- 세금 신고 보조 계산 (종합소득세 간이 계산)