실시간 급여 실수령액 계산기 프롬프트

실시간 급여 실수령액 계산기 프롬프트

연봉과 비과세액 기반 실수령 계산 웹앱 제작

Claude아티팩트

사용 방법

최신 4대 보험 요율과 비과세 항목 정보를 준비하세요.

  1. 프롬프트의 대괄호 항목에 본인의 급여 기준을 입력하세요.
  2. 생성된 아티팩트의 계산 수식을 검토하고 디자인 수정을 요청하세요.

복사해서 사용할 프롬프트

단일 HTML 파일로 동작하는 반응형 실시간 급여 실수령액 계산기 웹앱을 제작해 주세요.

[입력]
- 기준 연봉 또는 월급: [입력 방식 선택]
- 비과세 식대 및 수당: [월 기준 금액]
- 부양가족 수 및 20세 이하 자녀 수: [가족 수]
- 적용 연도 공제 요율: [2024년 4대 보험 및 근로소득세 간이세액표 기준]
- 시각화 요구사항: [공제 항목별 비율 파이 차트 포함 여부]

[진행]
- 사용자가 연봉을 입력하면 국민연금, 건강보험, 장기요양보험, 고용보험, 근로소득세를 실시간 자동 계산하도록 구현하세요.
- 세부 공제액과 최종 월 예상 실수령액을 직관적인 카드 UI로 구분하여 표시하세요.
- 차트 라이브러리(Chart.js 등 CDN)를 활용해 공제 항목 비중을 시각화하세요.
- 실제 세액은 개인 공제 요건에 따라 달라질 수 있으므로 최종 세무 판단은 세무 전문가 확인이 필요하다는 안내 문구를 하단에 배치하세요.

[출력]
- HTML, Tailwind CSS, 순수 JavaScript가 결합된 단일 아티팩트 코드
- 입력값 변경 시 새로고침 없이 즉각 수치가 반영되는 인터랙티브 UI

부족하거나 모호한 정보가 있다면 임의로 추측해 구현하지 말고 먼저 질문해 주세요.
활용 팁 통상임금 산정이나 성과급 입력 필드가 추가로 필요하다면 코드 생성 후 해당 입력창을 추가해달라고 후속 요청해 보세요.

해시태그

#급여계산기 #아티팩트 #실수령액 #웹앱제작 #클로드프롬프트

AI PROMPT BOXClaude · 아티팩트 프롬프트 더 보기 →

AI의 답변에는 오류나 오래된 정보가 포함될 수 있습니다. 중요한 수치와 사실은 원자료로 확인하고, 개인정보와 회사 기밀은 입력 전에 삭제하세요. 투자·법률·의료 관련 결과는 참고 자료로만 활용하세요.

← 전체 프롬프트 보기