devOmnivore

퇴직금계산기 여기에서 해결하자! 코드 부여

devOMNIVORE 2024. 12. 6. 09:55
반응형

퇴직금계산기 여기에서 해결하자! 코드 부여



🔗고용노동부 퇴직금 계산기

 

 

직장 생활을 하다보면 지금까지 퇴직금이 얼마나 쌓였을까? 라는 생각이 문득문득 듭니다. 그래서 매번 퇴직금 계산기를 찾고 했는데... 개발자로서 이건 아니다 싶어서 간단하게 한 번 만들어보자 해서 글을 씁니다. 물론 퇴직금계산기 만들어 진 곳에서 쓰는게 더 편리하긴 합니다...는 비밀... 

퇴직금이란?

퇴직금은 1년 이상 근무한 근로자에게 지급되는 법정 의무 급여입니다. 계속근로기간 1년에 대해 30일분 이상의 평균임금을 지급하도록 법으로 정해져 있습니다.

퇴직금 계산 방법

퇴직금 계산식은 다음과 같습니다:

퇴직금 = 1일 평균임금 × 30일 × (근속연수)

여기서 1일 평균임금은 다음과 같이 계산합니다:

1일 평균임금 = (퇴직 전 3개월간 임금총액) ÷ (퇴직 전 3개월간의 총 일수)

퇴직금 계산기 모형(예시)

 

주의사항

  1. 평균임금 산정 시 상여금, 연차수당 등도 포함됩니다.
  2. 평균임금이 통상임금보다 적을 경우, 통상임금을 기준으로 퇴직금을 지급해야 합니다.
  3. 퇴직금은 퇴사 후 14일 이내에 지급해야 합니다.

퇴직금 계산, 이제 어렵지 않죠?

고용노동부의 퇴직금 계산기를 활용하면 누구나 쉽게 퇴직금을 계산할 수 있습니다.

하지만 정확한 퇴직금 산정을 위해서는 회사 HR 담당자와 상의하는 것이 좋습니다.

여러분의 노고에 대한 정당한 보상, 퇴직금! 이제 계산은 걱정 말고 미래를 위한 준비에 집중하세요.

 

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>퇴직금 계산기</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            line-height: 1.6;
            margin: 0;
            padding: 20px;
            background-color: #f4f4f4;
        }
        .container {
            max-width: 600px;
            margin: auto;
            background: white;
            padding: 20px;
            border-radius: 5px;
            box-shadow: 0 0 10px rgba(0,0,0,0.1);
        }
        h1 {
            color: #333;
            text-align: center;
        }
        label {
            display: block;
            margin-bottom: 5px;
        }
        input[type="number"] {
            width: 100%;
            padding: 8px;
            margin-bottom: 10px;
            border: 1px solid #ddd;
            border-radius: 4px;
        }
        button {
            display: block;
            width: 100%;
            padding: 10px;
            background-color: #4CAF50;
            color: white;
            border: none;
            border-radius: 4px;
            cursor: pointer;
        }
        button:hover {
            background-color: #45a049;
        }
        #result {
            margin-top: 20px;
            padding: 10px;
            background-color: #e7f3fe;
            border: 1px solid #b6d4fe;
            border-radius: 4px;
        }
    </style>
</head>
<body>
    <div class="container">
        <h1>퇴직금 계산기</h1>
        <form id="severanceForm">
            <label for="salary">월 평균임금 (원):</label>
            <input type="number" id="salary" name="salary" required>
            
            <label for="workDays">재직일수:</label>
            <input type="number" id="workDays" name="workDays" required>
            
            <button type="submit">계산하기</button>
        </form>
        <div id="result"></div>
    </div>

    <script>
        document.getElementById('severanceForm').addEventListener('submit', function(e) {
            e.preventDefault();
            
            const salary = parseFloat(document.getElementById('salary').value);
            const workDays = parseFloat(document.getElementById('workDays').value);
            
            const dailyWage = salary / 30;
            const yearsWorked = workDays / 365;
            const severancePay = dailyWage * 30 * yearsWorked;
            
            const resultElement = document.getElementById('result');
            resultElement.innerHTML = `
                <h3>계산 결과</h3>
                <p>퇴직금: ${severancePay.toLocaleString()} 원</p>
                <p>1일 평균임금: ${dailyWage.toLocaleString()} 원</p>
                <p>근속연수: ${yearsWorked.toFixed(2)} 년</p>
            `;
        });
    </script>
</body>
</html>

 

반응형