포트폴리오 상세
돌아가기
프로젝트 정보
- 카테고리: 웹 사이트
- 클라이언트: 직장인 · 세금 정보가 필요한 일반 사용자
- 프로젝트 오픈 날짜: 2026/06/19
- 프로젝트 URL: https://logikitapps.com/calc
복잡한 세금·급여 계산을 숫자 입력만으로 끝내는 계산기 플랫폼
계산기 허브는 연봉 실수령액, 퇴직금, 양도소득세, 대출 이자 등 직장인이 자주 궁금해하는 세금·금융 계산을 한 곳에 모아 직접 기획·설계·개발한 풀스택 사이드 프로젝트입니다. "복잡한 계산은 그만, 숫자만 넣으면 끝나는 계산기"를 목표로, 흩어져 있던 계산 로직과 매년 바뀌는 요율을 하나의 플랫폼으로 정리했고, 누구나 무료로 빠르게 결과를 확인할 수 있도록 만들었습니다.
제공 계산기 (Tax · Finance · Labor)
- 연봉 실수령액 계산기 — 4대 보험과 소득세를 반영해 월 실수령액을 산출 (2026년 요율 기준)
- 퇴직금 계산기 — 평균임금을 기준으로 법정 퇴직금을 자동 계산
- 양도소득세 계산기 — 부동산 거래 기준 양도차익에 대한 세액 산출
- 대출 이자 계산기 — 원리금균등·원금균등 방식의 월 상환액과 총이자를 비교 제공
계산 로직 & 정확도 (Domain Logic)
- 국민연금 · 건강보험 · 장기요양보험 · 고용보험 · 소득세 · 지방소득세 요율을 도메인 단위로 분리해 관리
- 매년 바뀌는 세율·공제 기준을 한 곳에서 갱신할 수 있도록 요율 데이터와 계산 로직을 분리 설계
- 구간별 누진세·공제 등 복잡한 세금 규칙을 검증 가능한 함수로 구현해 결과 신뢰도 확보
- 요율 안내 페이지를 별도로 제공해 사용자가 계산 근거가 되는 기준을 직접 확인 가능
프론트엔드 & UX (Next.js · React · TypeScript)
- Next.js App Router · TypeScript 기반으로 입력 즉시 결과가 갱신되는 클라이언트 사이드 계산 UX 구현
- 숫자만 입력하면 바로 결과가 나오도록 입력 단계를 최소화한 단순·직관적 화면 설계
- 모바일·데스크탑 모두에서 동일한 사용성을 보장하는 반응형 레이아웃
- 검색 유입을 고려한 SEO 최적화(메타데이터·구조화 데이터)로 계산기별 진입 경로 확보
운영 & 결과 (Vercel · End-to-End Ownership)
- Vercel에 배포해 글로벌 CDN 기반의 빠른 응답 속도와 자동 배포 파이프라인 확보
- 기획 · 계산 로직 · 화면 · 배포 · 운영까지 한 사람이 끝까지 책임지는 풀스택 사이클을 직접 경험
- 단일 계산기에서 출발해 세금·급여·금융 영역으로 계산기를 점진적으로 확장하는 플랫폼 구조 설계
- 결과는 참고용 추정치임을 명확히 안내하며, 사용자 피드백을 반영해 계산 항목과 UX를 지속 개선