결핵마스터 https://tb-master.tistory.com/ 국가결핵지침, 결핵 역학조사 등 다양한 결핵 정보에 대해 소개하는 블로그입니다. ko Sun, 12 Apr 2026 11:22:04 +0900 TISTORY 100 결핵마스터 결핵마스터 https://tistory1.daumcdn.net/tistory/7286808/attach/62a9ffafbc6644e5bd0fee1f7f1eee04 https://tb-master.tistory.com 결핵 전염성 추정 및 접촉시간 계산기 https://tb-master.tistory.com/pages/%EC%A0%84%EC%97%BC%EC%84%B1-%EC%B6%94%EC%A0%95-%EB%B0%8F-%EC%A0%91%EC%B4%89%EC%8B%9C%EA%B0%84-%EA%B3%84%EC%82%B0%EA%B8%B0 <!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 { background-color: #f4f7f6; margin: 0; padding: 20px; } .container { background-color: #ffffff; border-radius: 12px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); padding: 20px; max-width: 1000px; margin: auto; } h1 { font-size: 24px; color: #333; margin-bottom: 20px; font-weight: 700; text-align: center; } h3 { border-left: 6px solid #007bff; padding-left: 10px; color: #007bff; } label { display: block; font-size: 16px; color: #495057; margin-top: 20px; margin-bottom: 8px; font-weight: 600; } .radio-group { display: flex; gap: 10px; margin-top: 5px; } .radio-group label { font-weight: normal; color: #495057; } input[type="radio"] { margin-right: 5px; } input[type="date"] { width: 100%; padding: 12px; font-size: 14px; border: 1px solid #ced4da; border-radius: 6px; margin-top: 5px; background-color: #f8f9fa; } button { background-color: #007bff; color: white; font-size: 16px; padding: 12px; border: none; border-radius: 8px; cursor: pointer; margin-top: 20px; width: 100%; } .result, .calendar-section { margin-top: 25px; } .calendar-month { margin-top: 40px; border: 2px solid #007bff; border-radius: 10px; overflow: hidden; } .calendar-month h4 { margin: 0; background-color: #007bff; color: white; padding: 10px; text-align: center; } table.calendar-table { width: 100%; border-collapse: collapse; } table.calendar-table th, table.calendar-table td { border: 1px solid #dee2e6; text-align: center; padding: 10px; vertical-align: top; } table.calendar-table input[type="number"] { width: 50px; margin-top: 5px; } .summary { background-color: #e9ecef; padding: 15px; border-radius: 8px; font-size: 16px; font-weight: 600; color: #212529; text-align: center; } .result-box { background-color: #dbeafe; border: 1px solid #60a5fa; padding: 20px; border-radius: 8px; font-size: 18px; font-weight: 600; color: #1e3a8a; text-align: center; margin-top: 25px; } footer { text-align: center; margin-top: 40px; color: #888; font-size: 14px; } td input { width: 40px; margin-top: 5px; padding: 4px; border: 1px solid #cdd7df; } </style> </head> <body> <div class="container"> <h1>결핵 전염성 추정 및 접촉시간 계산기</h1> <form id="tbForm"> <label>결핵 증상:</label> <div class="radio-group"> <label><input type="radio" name="symptom" value="yes" onclick="toggleSymptomDate(true)"> 예</label> <label><input type="radio" name="symptom" value="no" onclick="toggleSymptomDate(false)"> 아니오</label> </div> <label>가래(객담) 도말 양성:</label> <div class="radio-group"> <label><input type="radio" name="sputum" value="yes"> 예</label> <label><input type="radio" name="sputum" value="no"> 아니오</label> </div> <label>흉부 X선 공동:</label> <div class="radio-group"> <label><input type="radio" name="xray" value="yes"> 예</label> <label><input type="radio" name="xray" value="no"> 아니오</label> </div> <label>약 복용 여부:</label> <div class="radio-group"> <label><input type="radio" name="medication" value="yes" onclick="toggleMedicationDate(true)"> 예</label> <label><input type="radio" name="medication" value="no" onclick="toggleMedicationDate(false)"> 아니오</label> </div> <label>증상 시작일:</label> <input type="date" id="symptomDate" disabled> <label>가장 앞선 검사일:</label> <input type="date" id="testDate"> <label>약 복용 시작일:</label> <input type="date" id="medicationDate" disabled> <button type="button" onclick="calculatePeriod()">전염성 추정기간 계산</button> </form> <div class="result-box" id="result"></div> <div class="calendar-section" id="calendarSection" style="display:none;"> <h3>날짜별 접촉시간 입력</h3> <div id="calendarContainer"></div> <button type="button" onclick="calculateTotalTime()">총 접촉시간 계산</button> <div class="summary" id="totalHours"></div> </div> </div> <footer> &copy; unkidayeon </footer> <script> function toggleSymptomDate(enable) { document.getElementById("symptomDate").disabled = !enable; } function toggleMedicationDate(enable) { document.getElementById("medicationDate").disabled = !enable; } function calculatePeriod() { const symptom = document.querySelector('input[name="symptom"]:checked')?.value; const sputum = document.querySelector('input[name="sputum"]:checked')?.value; const xray = document.querySelector('input[name="xray"]:checked')?.value; const medication = document.querySelector('input[name="medication"]:checked')?.value; const symptomDate = new Date(document.getElementById("symptomDate").value); const testDate = new Date(document.getElementById("testDate").value); const medicationDate = new Date(document.getElementById("medicationDate").value); if (!testDate.getTime()) return alert("검사일을 입력하세요."); let startDate, endDate; if (symptom === "yes") { if (!symptomDate.getTime()) return alert("증상 시작일을 입력하세요."); startDate = new Date(symptomDate); startDate.setMonth(startDate.getMonth() - 3); endDate = new Date(testDate); } else if (sputum === "yes" || xray === "yes") { startDate = new Date(testDate); startDate.setMonth(startDate.getMonth() - 3); endDate = new Date(testDate); } else { startDate = new Date(testDate); startDate.setDate(startDate.getDate() - 28); endDate = new Date(testDate); } if (medication === "yes" && medicationDate.getTime()) { endDate = new Date(medicationDate); endDate.setDate(endDate.getDate() + 14); } const diffWeeks = Math.ceil((endDate - startDate) / (1000 * 60 * 60 * 24 * 7)); document.getElementById("result").innerHTML = `전염성 추정기간<br><strong>${startDate.toLocaleDateString()} ~ ${endDate.toLocaleDateString()}</strong><br>(총 ${diffWeeks}주간)`; generateCalendar(startDate, endDate); } function generateCalendar(start, end) { const container = document.getElementById("calendarContainer"); container.innerHTML = ""; const months = {}; let current = new Date(start); while (current <= end) { const y = current.getFullYear(); const m = current.getMonth(); const key = `${y}-${m}`; if (!months[key]) months[key] = []; months[key].push(new Date(current)); current.setDate(current.getDate() + 1); } for (const key in months) { const dates = months[key]; const monthName = `${dates[0].getFullYear()}년 ${dates[0].getMonth() + 1}월`; const section = document.createElement("div"); section.className = "calendar-month"; const title = document.createElement("h4"); title.textContent = monthName; section.appendChild(title); const table = document.createElement("table"); table.className = "calendar-table"; const thead = document.createElement("thead"); thead.innerHTML = `<tr><th>일</th><th>월</th><th>화</th><th>수</th><th>목</th><th>금</th><th>토</th></tr>`; table.appendChild(thead); const tbody = document.createElement("tbody"); let row = document.createElement("tr"); const firstDay = dates[0].getDay(); for (let i = 0; i < firstDay; i++) row.appendChild(document.createElement("td")); dates.forEach(date => { const cell = document.createElement("td"); cell.innerHTML = `${date.getDate()}<br><input type='number' min='0' value='0'>`; row.appendChild(cell); if (date.getDay() === 6) { tbody.appendChild(row); row = document.createElement("tr"); } }); if (row.children.length > 0) { while (row.children.length < 7) row.appendChild(document.createElement("td")); tbody.appendChild(row); } table.appendChild(tbody); section.appendChild(table); container.appendChild(section); } document.getElementById("calendarSection").style.display = 'block'; } function calculateTotalTime() { const inputs = document.querySelectorAll(".calendar-table input"); let total = 0; inputs.forEach(input => { total += Math.max(0, parseFloat(input.value) || 0); }); document.getElementById("totalHours").textContent = `총 접촉시간: ${total}시간`; } </script> </body> </html> 결핵마스터 https://tb-master.tistory.com/pages/%EC%A0%84%EC%97%BC%EC%84%B1-%EC%B6%94%EC%A0%95-%EB%B0%8F-%EC%A0%91%EC%B4%89%EC%8B%9C%EA%B0%84-%EA%B3%84%EC%82%B0%EA%B8%B0 Tue, 8 Apr 2025 23:05:20 +0900 결핵 접촉시간 계산기(달력형) https://tb-master.tistory.com/pages/%EA%B2%B0%ED%95%B5-%EC%A0%91%EC%B4%89%EC%8B%9C%EA%B0%84-%EA%B3%84%EC%82%B0%EA%B8%B0%EB%8B%AC%EB%A0%A5%ED%98%95 <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <style> body { background-color: #f4f8fb; padding: 40px; margin: auto; color: #333; } h1 { text-align: center; color: #005f73; margin-bottom: 30px; } .controls { display: flex; justify-content: center; gap: 10px; margin-bottom: 20px; } select { padding: 8px; font-size: 16px; } table { width: 100%; border-collapse: collapse; margin-top: 20px; } th, td { border: 1px solid #ccc; width: 14.28%; text-align: center; vertical-align: top; padding: 5px; background-color: #fff; } td input { width: 40px; margin-top: 5px; padding: 4px; border: 1px solid #cdd7df; } .result { margin-top: 30px; font-weight: bold; font-size: 18px; text-align: center; color: #005f73; padding: 15px; background-color: #e0fbfc; border-radius: 6px; border: 1px solid #cdd7df; } button { display: block; width: 100%; background-color: #94d2bd; color: #003845; font-weight: bold; border: none; padding: 12px; border-radius: 6px; font-size: 16px; margin-top: 25px; cursor: pointer; transition: background-color 0.3s ease; } button:hover { background-color: #72c2aa; } footer { text-align: center; margin-top: 40px; color: #888; font-size: 14px; } </style> </head> <body> <h1>결핵 접촉시간 계산기(달력형)</h1> <div class="controls"> <label> 연도: <select id="yearSelect"></select> </label> <label> 월: <select id="monthSelect"></select> </label> <button onclick="generateCalendar()">달력 생성</button> </div> <table id="calendar"> <thead> <tr> <th>일</th><th>월</th><th>화</th><th>수</th><th>목</th><th>금</th><th>토</th> </tr> </thead> <tbody></tbody> </table> <button onclick="calculateTotalTime()">총 접촉시간 계산</button> <div class="result" id="result"></div> <footer> &copy; unkidayeon </footer> <script> // 연도/월 선택 옵션 채우기 const yearSelect = document.getElementById("yearSelect"); const monthSelect = document.getElementById("monthSelect"); const currentYear = new Date().getFullYear(); for (let y = currentYear - 5; y <= currentYear + 5; y++) { const opt = document.createElement("option"); opt.value = y; opt.textContent = y; if (y === currentYear) opt.selected = true; yearSelect.appendChild(opt); } for (let m = 0; m < 12; m++) { const opt = document.createElement("option"); opt.value = m; opt.textContent = `${m + 1}월`; if (m === new Date().getMonth()) opt.selected = true; monthSelect.appendChild(opt); } function generateCalendar() { const year = parseInt(yearSelect.value); const month = parseInt(monthSelect.value); const firstDay = new Date(year, month, 1).getDay(); const lastDate = new Date(year, month + 1, 0).getDate(); const tbody = document.querySelector("#calendar tbody"); tbody.innerHTML = ""; let row = document.createElement("tr"); for (let i = 0; i < firstDay; i++) { row.appendChild(document.createElement("td")); } for (let d = 1; d <= lastDate; d++) { const cell = document.createElement("td"); cell.innerHTML = `${d}<br><input type='number' min='0' value='0'>`; row.appendChild(cell); if ((firstDay + d - 1) % 7 === 6 || d === lastDate) { tbody.appendChild(row); row = document.createElement("tr"); } } } function calculateTotalTime() { const inputs = document.querySelectorAll("#calendar input"); let total = 0; inputs.forEach(input => { total += Math.max(0, parseFloat(input.value)); }); document.getElementById("result").textContent = `총 접촉시간: ${total}시간`; } window.onload = generateCalendar; </script> </body> </html> 결핵마스터 https://tb-master.tistory.com/pages/%EA%B2%B0%ED%95%B5-%EC%A0%91%EC%B4%89%EC%8B%9C%EA%B0%84-%EA%B3%84%EC%82%B0%EA%B8%B0%EB%8B%AC%EB%A0%A5%ED%98%95 Tue, 8 Apr 2025 22:32:56 +0900 결핵 접촉시간 계산기 https://tb-master.tistory.com/pages/%EA%B2%B0%ED%95%B5-%EC%A0%91%EC%B4%89%EC%8B%9C%EA%B0%84-%EA%B3%84%EC%82%B0%EA%B8%B0 <html lang="ko"> <head> <meta charset="UTF-8"> <title>결핵 접촉시간 계산기</title> <style> body { background-color: #f4f8fb; padding: 40px; margin: auto; color: #333; } h1 { text-align: center; color: #005f73; margin-bottom: 30px; } label { display: flex; justify-content: space-between; align-items: center; background: #ffffff; padding: 10px 15px; margin-top: 10px; border: 1px solid #d3e0ea; border-radius: 5px; box-shadow: 0 1px 2px rgba(0,0,0,0.05); } input[type="number"], input[type="date"] { width: 120px; padding: 5px; font-size: 14px; border: 1px solid #ccc; border-radius: 4px; } h3 { margin-top: 30px; color: #0a9396; } .result { margin-top: 30px; font-weight: bold; font-size: 18px; text-align: center; color: #005f73; padding: 15px; background-color: #e0fbfc; border-radius: 6px; border: 1px solid #cdd7df; } button { display: block; width: 100%; background-color: #94d2bd; color: #003845; font-weight: bold; border: none; padding: 12px; border-radius: 6px; font-size: 16px; margin-top: 25px; cursor: pointer; transition: background-color 0.3s ease; } button:hover { background-color: #72c2aa; } footer { text-align: center; margin-top: 40px; color: #888; font-size: 14px; } </style> </head> <body> <h1>결핵 접촉시간 계산기</h1> <label>조사 시작일: <input type="date" id="startDate"></label> <label>조사 종료일: <input type="date" id="endDate"></label> <h3>요일별 접촉시간 (시간)</h3> <label>월요일: <input type="number" id="mon" value="0" min="0"></label> <label>화요일: <input type="number" id="tue" value="0" min="0"></label> <label>수요일: <input type="number" id="wed" value="0" min="0"></label> <label>목요일: <input type="number" id="thu" value="0" min="0"></label> <label>금요일: <input type="number" id="fri" value="0" min="0"></label> <label>토요일: <input type="number" id="sat" value="0" min="0"></label> <label>일요일: <input type="number" id="sun" value="0" min="0"></label> <button onclick="calculateTime()">총 접촉시간 계산</button> <div class="result" id="result"></div> <footer> &copy; unkidayeon </footer> <script> function calculateTime() { const start = new Date(document.getElementById('startDate').value); const end = new Date(document.getElementById('endDate').value); if (isNaN(start.getTime()) || isNaN(end.getTime()) || start > end) { alert('올바른 날짜를 입력해주세요.'); return; } const hoursPerDay = [ Math.max(0, parseFloat(document.getElementById('sun').value)), Math.max(0, parseFloat(document.getElementById('mon').value)), Math.max(0, parseFloat(document.getElementById('tue').value)), Math.max(0, parseFloat(document.getElementById('wed').value)), Math.max(0, parseFloat(document.getElementById('thu').value)), Math.max(0, parseFloat(document.getElementById('fri').value)), Math.max(0, parseFloat(document.getElementById('sat').value)) ]; let totalHours = 0; for (let d = new Date(start); d <= end; d.setDate(d.getDate() + 1)) { const day = d.getDay(); totalHours += hoursPerDay[day]; } const result = `총 접촉시간: ${totalHours}시간`; document.getElementById('result').innerHTML = result; } </script> </body> </html> 결핵마스터 https://tb-master.tistory.com/pages/%EA%B2%B0%ED%95%B5-%EC%A0%91%EC%B4%89%EC%8B%9C%EA%B0%84-%EA%B3%84%EC%82%B0%EA%B8%B0 Tue, 8 Apr 2025 22:18:51 +0900 결핵 약제 약어 설명 https://tb-master.tistory.com/8 <p><figure class="imageblock alignCenter" data-ke-mobileStyle="widthOrigin" data-filename="제목을-입력해주세요_-002.jpg" data-origin-width="500" data-origin-height="500"><span data-url="https://blog.kakaocdn.net/dn/vuDvt/btsJuGRkzA1/8TyE7bW7IlomkdUzbJnjNK/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/vuDvt/btsJuGRkzA1/8TyE7bW7IlomkdUzbJnjNK/img.jpg"><img src="https://blog.kakaocdn.net/dn/vuDvt/btsJuGRkzA1/8TyE7bW7IlomkdUzbJnjNK/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FvuDvt%2FbtsJuGRkzA1%2F8TyE7bW7IlomkdUzbJnjNK%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" alt="결핵 약제 약어 설명" loading="lazy" width="500" height="500" data-filename="제목을-입력해주세요_-002.jpg" data-origin-width="500" data-origin-height="500"/></span></figure> </p> <h2 data-ke-size="size26">결핵 약제 약어 설명</h2> <p data-ke-size="size16">결핵 치료에 사용되는 약제는 크게 1차 약제와 2차 약제로 나뉩니다. 각 약제의 주요 내용을 설명드리겠습니다.</p> <h3 data-ke-size="size23">1차 약제</h3> <p data-ke-size="size16">1차 약제는 결핵 치료의 기본적인 약제로, 다음과 같은 약물이 포함됩니다.</p> <ol style="list-style-type: decimal;" data-ke-list-type="decimal"> <li><b>H (Isoniazid, INH)</b>: 이소니아지드는 결핵 치료의 핵심 약물 중 하나로, 결핵균의 세포벽 합성을 억제하여 균의 증식을 막습니다. 간 독성이 있을 수 있어 치료 중 간 기능 모니터링이 필요합니다.</li> <li><b>R (Rifampicin, RIF)</b>: 리팜핀은 결핵균의 RNA 합성을 억제하는 강력한 항결핵제입니다. 주로 H와 함께 결핵 치료의 중심을 이룹니다. 간독성과 약물 상호작용에 주의가 필요합니다.</li> <li><b>E (Ethambutol, EMB)</b>: 에탐부톨은 결핵균의 세포벽 합성을 방해합니다. 시신경염 등 시력 관련 부작용이 있을 수 있으므로 정기적인 시력 검사가 필요합니다.</li> <li><b>Z (Pyrazinamide, PZA)</b>: 피라진아미드는 결핵균의 세포 내 산성 환경에서 활성을 보이며, 치료 초기(집중 치료 단계)에서 주로 사용됩니다. 간독성과 고요산혈증의 위험이 있습니다.</li> <li><b>RFB (Rifabutin)</b>: 리파부틴은 리팜핀의 대체 약물로, 리팜핀과 유사한 작용을 하지만 약물 상호작용이 적고 부작용이 덜한 편입니다. 주로 HIV 동반 결핵환자에게 사용됩니다.</li> <li><b>RPT (Rifapentine)</b>: 리파펜틴은 리팜핀 유사 약물로, 주로 잠복 결핵 치료에서 사용됩니다.</li> </ol> <h3 data-ke-size="size23">2차 약제</h3> <p data-ke-size="size16">1차 약제에 내성이 있거나 부작용이 있는 경우, 2차 약제가 사용됩니다.</p> <ol style="list-style-type: decimal;" data-ke-list-type="decimal"> <li><b>Km (Kanamycin)</b>: 카나마이신은 주사제로 투여되는 아미노글리코사이드 계열의 항생제로, 결핵균의 단백질 합성을 억제합니다. 신독성과 이독성이 있을 수 있습니다.</li> <li><b>Am (Amikacin)</b>: 아미카신은 카나마이신과 유사한 아미노글리코사이드 계열 약물로, 내성 결핵 치료에 사용됩니다. 신독성과 이독성 위험이 있습니다.</li> <li><b>Cm (Capreomycin)</b>: 카프레오마이신은 주사제로 투여되며, 단백질 합성을 억제하여 결핵균을 치료합니다. 신독성 및 이독성 부작용이 있습니다.</li> <li><b>S (Streptomycin)</b>: 스트렙토마이신은 결핵 치료에 오래전부터 사용되어 온 주사제이며, 단백질 합성을 억제합니다. 신독성 및 이독성 부작용이 있을 수 있습니다.</li> <li><b>Lfx (Levofloxacin)</b>: 레보플록사신은 퀴놀론 계열의 항생제로, 결핵균의 DNA 복제를 억제합니다. 결핵 치료에서 중요한 2차 약제 중 하나입니다.</li> <li><b>Mfx (Moxifloxacin)</b>: 목시플록사신은 레보플록사신과 유사한 퀴놀론 계열 항생제로, 내성 결핵 치료에 자주 사용됩니다.</li> <li><b>Ofx (Ofloxacin)</b>: 오플록사신은 퀴놀론 계열의 항결핵제로, 레보플록사신이나 목시플록사신이 사용되지 못할 경우 사용됩니다.</li> <li><b>Gfx (Gatifloxacin)</b>: 가티플록사신은 다른 퀴놀론 계열 항생제와 유사한 작용을 하며, 내성 결핵 치료에 사용됩니다.</li> <li><b>Pto (Protionamide)</b>: 프로티오나미드는 이소니아지드와 유사하게 작용하지만 내성 결핵 치료에 사용됩니다.</li> <li><b>Cs (Cycloserine)</b>: 사이클로세린은 결핵균의 세포벽 합성을 억제하며, 내성 결핵 치료에 사용됩니다. 정신과적 부작용이 있을 수 있습니다.</li> <li><b>PAS (Para-aminosalicylic acid)</b>: 파라아미노살리실산은 결핵균의 엽산 합성을 억제합니다. 내성 결핵 치료에 사용되며, 위장 장애가 부작용으로 나타날 수 있습니다.</li> <li><b>Eto (Ethionamide)</b>: 에티오나미드는 이소니아지드와 유사하게 결핵균의 세포벽 합성을 억제하며, 내성 결핵 치료에 사용됩니다. 간독성과 위장장애가 있을 수 있습니다.</li> <li><b>Trd (Terizidone)</b>: 테리지돈은 사이클로세린과 유사한 약물로, 내성 결핵 치료에 사용됩니다.</li> <li><b>PAS-Na</b>: 파라아미노살리실산나트륨은 파라아미노살리실산의 나트륨염 형태로, 동일한 작용을 합니다.</li> <li><b>Lzd (Linezolid)</b>: 리네졸리드는 내성 결핵 치료에서 중요한 역할을 하는 약물로, 단백질 합성을 억제합니다. 장기 사용 시 골수억제, 신경병증 등의 부작용이 있을 수 있습니다.</li> <li><b>Clr (Clarithromycin)</b>: 클래리트로마이신은 결핵균의 단백질 합성을 억제하며, 비결핵항산균 치료에 사용되기도 합니다.</li> <li><b>Bdq (Bedaquiline)</b>: 베다퀼린은 ATP 합성을 억제하여 결핵균을 죽입니다. 내성 결핵 치료에서 중요하게 사용되며, 부정맥 위험이 있습니다.</li> <li><b>Dlm (Delamanid)</b>: 델라마니드는 결핵균의 세포벽 합성을 억제하는 약물로, 다제내성 결핵 치료에 사용됩니다.</li> <li><b>Cfz (Clofazimine)</b>: 클로파지민은 결핵과 나병 치료에 사용되며, 염증을 줄이고 결핵균을 억제합니다. 피부 변색 등의 부작용이 있습니다.</li> <li><b>Mpm (Meropenem)</b>: 메로페넴은 베타락탐계 항생제로, 주로 다른 약제와 병용하여 결핵 치료에 사용됩니다.</li> <li><b>Amx/Clv (Amoxicillin/Clavulanate)</b>: 아목시실린/클라불란산은 페니실린계 항생제로, 주로 다른 약제와 병용하여 사용됩니다.</li> <li><b>Ipm/Cln (Imipenem/Cilastatin)</b>: 이미페넴/실라스타틴은 결핵 치료에서 다른 약제와 병용하여 사용됩니다.</li> <li><b>High dose H (고용량 이소니아지드)</b>: 고용량 이소니아지드는 이소니아지드 저항성을 가진 결핵균에 사용됩니다.</li> <li><b>T (Thioacetazone)</b>: 티오아세타존은 오래된 결핵 치료제이며, 주로 다른 약제와 병용하여 사용됩니다.</li> <li><b>Pa (Pretomanid)</b>: 프레토마니드는 최근 개발된 항결핵제로, 다제내성 결핵 치료에 사용됩니다.</li> </ol> <p data-ke-size="size16">이 외에도 결핵 치료에 사용되는 약제가 있을 수 있으며, 치료는 환자의 상태와 내성 여부에 따라 개인화된 처방이 필요합니다. 약물 사용 중 부작용과 상호작용을 주의 깊게 모니터링하는 것이 중요합니다.</p> 결핵 결핵 약제 설명 결핵마스터 https://tb-master.tistory.com/8 https://tb-master.tistory.com/8#entry8comment Sat, 7 Sep 2024 21:14:22 +0900 결핵 사례조사 작성 https://tb-master.tistory.com/pages/%EA%B2%B0%ED%95%B5-%EC%82%AC%EB%A1%80%EC%A1%B0%EC%82%AC-%EC%9E%91%EC%84%B1 <p><figure class="imageblock alignCenter" data-ke-mobileStyle="widthOrigin" data-filename="결핵 사례조사.jpg" data-origin-width="500" data-origin-height="500"><span data-url="https://blog.kakaocdn.net/dn/bUorxC/btsJpIghCNw/jTCxpaHMKtru730x3jkUw1/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/bUorxC/btsJpIghCNw/jTCxpaHMKtru730x3jkUw1/img.jpg"><img src="https://blog.kakaocdn.net/dn/bUorxC/btsJpIghCNw/jTCxpaHMKtru730x3jkUw1/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbUorxC%2FbtsJpIghCNw%2FjTCxpaHMKtru730x3jkUw1%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="500" height="500" data-filename="결핵 사례조사.jpg" data-origin-width="500" data-origin-height="500"/></span></figure> </p> <!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: 20px; } .container { max-width: 800px; margin: 0 auto; } .section { margin-bottom: 20px; padding: 15px; border: 1px solid #ccc; border-radius: 8px; background-color: #f9f9f9; } h2 { margin-bottom: 10px; } label { display: block; margin-bottom: 5px; } input[type="text"], input[type="date"], input[type="number"] { width: 80%; padding: 8px; margin-bottom: 10px; border: 1px solid #ddd; border-radius: 4px; } input[type="radio"] { margin-right: 5px; } .checkbox-group label { display: inline-block; margin-right: 20px; } .conditional-input { display: none; margin-top: 10px; padding: 10px; border: 1px solid #ddd; border-radius: 4px; background-color: #e9ecef; } .conditional-input label { display: inline; } .detail-output { margin-top: 10px; } .detail-output span { font-weight: bold; } button { padding: 10px 20px; background-color: #007bff; color: #fff; border: none; border-radius: 4px; cursor: pointer; } button:hover { background-color: #0056b3; } #reportOutput { margin-top: 20px; padding: 10px; border: 1px solid #ddd; border-radius: 4px; } </style> </head> <body> <div class="container"> <form id="caseForm"> <!-- 기본 정보 --> <div class="section"> <h2>기본 정보</h2> <label for="name">이름:</label> <input type="text" id="name" name="name" placeholder="이름을 입력하세요"> <label for="dob">생년월일:</label> <input type="date" id="dob" name="dob" max="9999-12-31" placeholder="YYYY-MM-DD"> <label for="phone">전화번호:</label> <input type="text" id="phone" name="phone" placeholder="전화번호를 입력하세요"> </div> <!-- 신고 정보 --> <div class="section"> <h2>신고 정보</h2> <label for="report-date">신고일자:</label> <input type="date" id="report-date" name="report-date"> <label for="hospital">병원:</label> <input type="text" id="hospital" name="hospital" placeholder="병원을 입력하세요"> <label for="cxr-date">CXR 검사일자:</label> <input type="date" id="cxr-date" name="cxr-date"> <label for="cxr-result">CXR 검사 결과:</label> <input type="text" id="cxr-result" name="cxr-result" placeholder="검사 결과를 입력하세요"> <label for="sputum-test">객담검사 결과:</label> <input type="text" id="sputum-test" name="sputum-test" placeholder="객담검사 결과를 입력하세요"> <label>약제 시작:</label> <div class="checkbox-group"> <label><input type="radio" id="medication-start-yes" name="medication-start" value="yes" onchange="toggleConditionalFields()"> 예</label> <label><input type="radio" id="medication-start-no" name="medication-start" value="no" onchange="toggleConditionalFields()"> 아니오</label> </div> <div id="medication-date-group" class="conditional-input"> <label for="medication-date">약제 시작일:</label> <input type="date" id="medication-date" name="medication-date"> </div> </div> <!-- 개인력 --> <div class="section"> <h2>개인력</h2> <label for="underlying-disease">기저질환:</label> <input type="text" id="underlying-disease" name="underlying-disease" placeholder="기저질환을 입력하세요"> <label for="family-history">가족력:</label> <input type="text" id="family-history" name="family-history" placeholder="가족력을 입력하세요"> <label for="past-history">과거력:</label> <input type="text" id="past-history" name="past-history" placeholder="과거력을 입력하세요"> <label for="symptom-start">증상 시작일:</label> <input type="date" id="symptom-start" name="symptom-start"> <label for="symptom-description">증상 설명:</label> <input type="text" id="symptom-description" name="symptom-description" placeholder="증상 설명을 입력하세요"> </div> <!-- 기관 정보 --> <div class="section"> <h2>기관 정보</h2> <label for="institution-name">기관 이름:</label> <input type="text" id="institution-name" name="institution-name" placeholder="기관 이름을 입력하세요"> <label for="institution-address">기관 주소:</label> <input type="text" id="institution-address" name="institution-address" placeholder="기관 주소를 입력하세요"> <label for="years-worked">근무년수:</label> <input type="number" id="years-worked" name="years-worked" placeholder="근무년수를 입력하세요" min="0"> <label for="last-work-date">마지막 출근일:</label> <input type="date" id="last-work-date" name="last-work-date"> <label for="work-hours">업무시간:</label> <input type="text" id="work-hours" name="work-hours" placeholder="업무시간을 입력하세요"> <label>형태 (내근직/외근직):</label> <div class="checkbox-group"> <label><input type="radio" id="on-site" name="work-type" value="on-site" onchange="toggleConditionalFields()"> 내근직</label> <label><input type="radio" id="field" name="work-type" value="field" onchange="toggleConditionalFields()"> 외근직</label> </div> <label for="work-location">근무 위치:</label> <input type="text" id="work-location" name="work-location" placeholder="근무 위치를 입력하세요"> </div> <!-- 식사 및 휴식 공간 --> <div class="section"> <h2>식사 및 휴식 공간</h2> <label>식사여부:</label> <div class="checkbox-group"> <label><input type="radio" id="meal-info-yes" name="meal-info" value="yes" onchange="toggleConditionalFields()"> 예</label> <label><input type="radio" id="meal-info-no" name="meal-info" value="no" onchange="toggleConditionalFields()"> 아니오</label> </div> <div id="meal-details" class="conditional-input"> <label for="meal-details-text">세부사항:</label> <input type="text" id="meal-details-text" name="meal-details-text" placeholder="식사 여부 세부사항을 입력하세요"> </div> <label>휴식공간:</label> <div class="checkbox-group"> <label><input type="radio" id="break-space-yes" name="break-space" value="yes" onchange="toggleConditionalFields()"> 예</label> <label><input type="radio" id="break-space-no" name="break-space" value="no" onchange="toggleConditionalFields()"> 아니오</label> </div> <div id="break-space-details" class="conditional-input"> <label for="break-space-details-text">세부사항:</label> <input type="text" id="break-space-details-text" name="break-space-details-text" placeholder="휴식공간 세부사항을 입력하세요"> </div> </div> <!-- 검진 및 기타 사항 --> <div class="section"> <h2>검진 및 기타 사항</h2> <label>채용검진/건강검진(보건증):</label> <div class="checkbox-group"> <label><input type="radio" id="health-check-yes" name="health-check" value="yes" onchange="toggleConditionalFields()"> 예</label> <label><input type="radio" id="health-check-no" name="health-check" value="no" onchange="toggleConditionalFields()"> 아니오</label> </div> <div id="health-check-details" class="conditional-input"> <label for="health-check-date">검진 날짜:</label> <input type="date" id="health-check-date" name="health-check-date"> </div> <label>출장/재택근무:</label> <div class="checkbox-group"> <label><input type="radio" id="business-travel-yes" name="business-travel" value="yes" onchange="toggleConditionalFields()"> 예</label> <label><input type="radio" id="business-travel-no" name="business-travel" value="no" onchange="toggleConditionalFields()"> 아니오</label> </div> <div id="business-travel-details" class="conditional-input"> <label for="business-travel-details-text">세부사항:</label> <input type="text" id="business-travel-details-text" name="business-travel-details-text" placeholder="출장/재택근무 세부사항을 입력하세요"> </div> <label>동아리/카풀/공용식당:</label> <div class="checkbox-group"> <label><input type="radio" id="clubs-carpool-yes" name="clubs-carpool" value="yes" onchange="toggleConditionalFields()"> 예</label> <label><input type="radio" id="clubs-carpool-no" name="clubs-carpool" value="no" onchange="toggleConditionalFields()"> 아니오</label> </div> <div id="clubs-carpool-details" class="conditional-input"> <label for="clubs-carpool-details-text">세부사항:</label> <input type="text" id="clubs-carpool-details-text" name="clubs-carpool-details-text" placeholder="동아리/카풀/공용식당 세부사항을 입력하세요"> </div> <label for="close-colleagues">친했던 동료:</label> <input type="text" id="close-colleagues" name="close-colleagues" placeholder="친했던 동료를 입력하세요"> </div> <!-- 전염성 추정 기간 --> <div class="section"> <h2>전염성 추정 기간</h2> <label for="total-exposure-start">전체 전염성 추정 기간 시작일:</label> <input type="date" id="total-exposure-start" name="total-exposure-start"> <label for="total-exposure-end">전체 전염성 추정 기간 종료일:</label> <input type="date" id="total-exposure-end" name="total-exposure-end"> <label for="institution-exposure-start">해당 기관 전염성 추정 기간 시작일:</label> <input type="date" id="institution-exposure-start" name="institution-exposure-start"> <label for="institution-exposure-end">해당 기관 전염성 추정 기간 종료일:</label> <input type="date" id="institution-exposure-end" name="institution-exposure-end"> </div> <!-- 제출 버튼 --> <button type="button" onclick="generateReport()">출력하기</button> </form> <!-- 결과 출력 영역 --> <div id="reportOutput"></div> </div> <script> // 조건부 입력 필드 표시/숨김 function toggleConditionalFields() { const medicationStart = document.querySelector('input[name="medication-start"]:checked'); const mealInfo = document.querySelector('input[name="meal-info"]:checked'); const breakSpace = document.querySelector('input[name="break-space"]:checked'); const healthCheck = document.querySelector('input[name="health-check"]:checked'); const businessTravel = document.querySelector('input[name="business-travel"]:checked'); const clubsCarpool = document.querySelector('input[name="clubs-carpool"]:checked'); document.getElementById('medication-date-group').style.display = medicationStart && medicationStart.value === 'yes' ? 'block' : 'none'; document.getElementById('meal-details').style.display = mealInfo && mealInfo.value === 'yes' ? 'block' : 'none'; document.getElementById('break-space-details').style.display = breakSpace && breakSpace.value === 'yes' ? 'block' : 'none'; document.getElementById('health-check-details').style.display = healthCheck && healthCheck.value === 'yes' ? 'block' : 'none'; document.getElementById('business-travel-details').style.display = businessTravel && businessTravel.value === 'yes' ? 'block' : 'none'; document.getElementById('clubs-carpool-details').style.display = clubsCarpool && clubsCarpool.value === 'yes' ? 'block' : 'none'; } function calculateWeeks(startDate, endDate) { const start = new Date(startDate); const end = new Date(endDate); const oneWeek = 1000 * 60 * 60 * 24 * 7; return Math.round((end - start) / oneWeek); } function generateReport() { const name = document.getElementById('name').value; const dob = document.getElementById('dob').value; const phone = document.getElementById('phone').value; const reportDate = document.getElementById('report-date').value; const hospital = document.getElementById('hospital').value; const cxrDate = document.getElementById('cxr-date').value; const cxrResult = document.getElementById('cxr-result').value; const sputumTest = document.getElementById('sputum-test').value; const medicationStart = document.querySelector('input[name="medication-start"]:checked')?.value; const medicationDate = document.getElementById('medication-date').value; const underlyingDisease = document.getElementById('underlying-disease').value; const familyHistory = document.getElementById('family-history').value; const pastHistory = document.getElementById('past-history').value; const symptomStart = document.getElementById('symptom-start').value; const symptomDescription = document.getElementById('symptom-description').value; const mealInfo = document.querySelector('input[name="meal-info"]:checked')?.value; const mealDetails = mealInfo === 'yes' ? document.getElementById('meal-details-text').value : ''; const breakSpace = document.querySelector('input[name="break-space"]:checked')?.value; const breakSpaceDetails = breakSpace === 'yes' ? document.getElementById('break-space-details-text').value : ''; const healthCheck = document.querySelector('input[name="health-check"]:checked')?.value; const healthCheckDate = healthCheck === 'yes' ? document.getElementById('health-check-date').value : ''; const businessTravel = document.querySelector('input[name="business-travel"]:checked')?.value; const businessTravelDetails = businessTravel === 'yes' ? document.getElementById('business-travel-details-text').value : ''; const clubsCarpool = document.querySelector('input[name="clubs-carpool"]:checked')?.value; const clubsCarpoolDetails = clubsCarpool === 'yes' ? document.getElementById('clubs-carpool-details-text').value : ''; const closeColleagues = document.getElementById('close-colleagues').value; const totalExposureStart = document.getElementById('total-exposure-start').value; const totalExposureEnd = document.getElementById('total-exposure-end').value; const institutionExposureStart = document.getElementById('institution-exposure-start').value; const institutionExposureEnd = document.getElementById('institution-exposure-end').value; const totalExposureWeeks = calculateWeeks(totalExposureStart, totalExposureEnd); const institutionExposureWeeks = calculateWeeks(institutionExposureStart, institutionExposureEnd); // 기관 정보 const institutionName = document.getElementById('institution-name').value; const institutionAddress = document.getElementById('institution-address').value; const yearsWorked = document.getElementById('years-worked').value; const lastWorkDate = document.getElementById('last-work-date').value; const workHours = document.getElementById('work-hours').value; const workType = document.querySelector('input[name="work-type"]:checked')?.value; const workLocation = document.getElementById('work-location').value; document.getElementById('reportOutput').innerHTML = ` <h2>결핵 사례조사서</h2> <div class="detail-output"> <p><span> ▶ 이름:</span> ${name} (${dob})</p> <p><span>전화번호:</span> ${phone}</p> <p><span>신고일자:</span> ${reportDate}</p> <p><span>병원:</span> ${hospital}</p> <p><span>CXR 검사일자:</span> ${cxrDate} (결과: ${cxrResult})</p> <p><span>객담검사 결과:</span> ${sputumTest}</p> <p><span>약제 시작:</span> ${medicationStart === 'yes' ? `예 (시작일: ${medicationDate})` : '아니오'}</p> </div> <div class="detail-output"> <p><span>기저질환:</span> ${underlyingDisease}</p> <p><span>가족력:</span> ${familyHistory}</p> <p><span>과거력:</span> ${pastHistory}</p> <p><span>증상 시작일:</span> ${symptomStart}</p> <p><span>증상 설명:</span> ${symptomDescription}</p> </div> <br> <div class="detail-output"> <p><span> ▶ 기관 이름:</span> ${institutionName}(${institutionAddress})</p> <p><span>근무년수:</span> ${yearsWorked}</p> <p><span>마지막 출근일:</span> ${lastWorkDate}</p> <p><span>업무시간:</span> ${workHours}</p> <p><span>형태:</span> ${workType === 'on-site' ? '내근직' : '외근직'}</p> <p><span>근무 위치:</span> ${workLocation}</p> </div> <div class="detail-output"> <p><span>식사 여부:</span> ${mealInfo === 'yes' ? `예 (세부사항: ${mealDetails})` : '아니오'}</p> <p><span>휴식공간:</span> ${breakSpace === 'yes' ? `예 (세부사항: ${breakSpaceDetails})` : '아니오'}</p> </div> <div class="detail-output"> <p><span>채용검진/건강검진:</span> ${healthCheck === 'yes' ? `예 (검진 날짜: ${healthCheckDate})` : '아니오'}</p> <p><span>출장/재택근무:</span> ${businessTravel === 'yes' ? `예 (세부사항: ${businessTravelDetails})` : '아니오'}</p> <p><span>동아리/카풀/공용식당:</span> ${clubsCarpool === 'yes' ? `예 (세부사항: ${clubsCarpoolDetails})` : '아니오'}</p> <p><span>친했던 동료:</span> ${closeColleagues}</p> </div> <div class="detail-output"> <p><span>전체 전염성 추정 기간:</span> ${totalExposureWeeks} 주 (${totalExposureStart} ~ ${totalExposureEnd})</p> <p><span>해당 기관 전염성 추정 기간:</span> ${institutionExposureWeeks} 주 (${institutionExposureStart} ~ ${institutionExposureEnd})</p> </div> `; } </script> </body> </html> 결핵마스터 https://tb-master.tistory.com/pages/%EA%B2%B0%ED%95%B5-%EC%82%AC%EB%A1%80%EC%A1%B0%EC%82%AC-%EC%9E%91%EC%84%B1 Mon, 2 Sep 2024 23:58:57 +0900 결핵 역학조사 전염성 추정기간 계산기 사용법 https://tb-master.tistory.com/6 <p><figure class="imageblock alignCenter" data-ke-mobileStyle="widthOrigin" data-filename="결핵 역학조사 전염성 .png" data-origin-width="500" data-origin-height="500"><span data-url="https://blog.kakaocdn.net/dn/oTrDH/btsJdzMvnR9/mLtmy3K7ffRwLKlFnT1N5K/img.png" data-phocus="https://blog.kakaocdn.net/dn/oTrDH/btsJdzMvnR9/mLtmy3K7ffRwLKlFnT1N5K/img.png"><img src="https://blog.kakaocdn.net/dn/oTrDH/btsJdzMvnR9/mLtmy3K7ffRwLKlFnT1N5K/img.png" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FoTrDH%2FbtsJdzMvnR9%2FmLtmy3K7ffRwLKlFnT1N5K%2Fimg.png" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" alt="결핵 역학조사 전염성 추정기간 계산기 사용법" loading="lazy" width="500" height="500" data-filename="결핵 역학조사 전염성 .png" data-origin-width="500" data-origin-height="500"/></span></figure> </p> <h2 data-ke-size="size26">결핵 전염성 추정 기간 계산기&nbsp;</h2> <p data-ke-size="size16">결핵은 전염성이 있는 질병이므로, 언제부터 언제까지 전염성이 있었는지 추정하는 것은 매우 중요합니다. 아래 정보를 입력하여 전염성 기간을 간편하게 확인해보세요!</p> <figure id="og_1724512886544" contenteditable="false" data-ke-type="opengraph" data-ke-align="alignCenter" data-og-type="article" data-og-title="결핵 역학조사 전염성 추정기간 계산기(ver1.3)" data-og-description="결핵 역학조사 결핵 증상: 예 아니오 가래(객담) 도말 양성: 예 아니오 흉부 X선 공동: 예 아니오 약 복용 여부: 예 아니오 .." data-og-host="tb.manual-master.com" data-og-source-url="https://tb.manual-master.com/pages/%EA%B2%B0%ED%95%B5-%EC%97%AD%ED%95%99%EC%A1%B0%EC%82%AC-%EC%A0%84%EC%97%BC%EC%84%B1-%EC%B6%94%EC%A0%95%EA%B8%B0%EA%B0%84-%EA%B3%84%EC%82%B0%EA%B8%B0ver13" data-og-url="https://tb.manual-master.com/pages/%EA%B2%B0%ED%95%B5-%EC%97%AD%ED%95%99%EC%A1%B0%EC%82%AC-%EC%A0%84%EC%97%BC%EC%84%B1-%EC%B6%94%EC%A0%95%EA%B8%B0%EA%B0%84-%EA%B3%84%EC%82%B0%EA%B8%B0ver13" data-og-image="https://scrap.kakaocdn.net/dn/6z5EV/hyWSem8UGV/zA49LBCHLdBnN1MPaKrSk1/img.png?width=500&amp;height=500&amp;face=150_122_241_213,https://scrap.kakaocdn.net/dn/eIDrE/hyWSlGBlcu/uKOheWQEY0ecB2CIAV6F51/img.png?width=500&amp;height=500&amp;face=150_122_241_213,https://scrap.kakaocdn.net/dn/cX48Nr/hyWSlT4Y0f/bXKsnnmjurYM3YcZJqo3ok/img.png?width=500&amp;height=500&amp;face=150_122_241_213"><a href="https://tb.manual-master.com/pages/%EA%B2%B0%ED%95%B5-%EC%97%AD%ED%95%99%EC%A1%B0%EC%82%AC-%EC%A0%84%EC%97%BC%EC%84%B1-%EC%B6%94%EC%A0%95%EA%B8%B0%EA%B0%84-%EA%B3%84%EC%82%B0%EA%B8%B0ver13" target="_blank" rel="noopener" data-source-url="https://tb.manual-master.com/pages/%EA%B2%B0%ED%95%B5-%EC%97%AD%ED%95%99%EC%A1%B0%EC%82%AC-%EC%A0%84%EC%97%BC%EC%84%B1-%EC%B6%94%EC%A0%95%EA%B8%B0%EA%B0%84-%EA%B3%84%EC%82%B0%EA%B8%B0ver13"> <div class="og-image" style="background-image: url('https://scrap.kakaocdn.net/dn/6z5EV/hyWSem8UGV/zA49LBCHLdBnN1MPaKrSk1/img.png?width=500&amp;height=500&amp;face=150_122_241_213,https://scrap.kakaocdn.net/dn/eIDrE/hyWSlGBlcu/uKOheWQEY0ecB2CIAV6F51/img.png?width=500&amp;height=500&amp;face=150_122_241_213,https://scrap.kakaocdn.net/dn/cX48Nr/hyWSlT4Y0f/bXKsnnmjurYM3YcZJqo3ok/img.png?width=500&amp;height=500&amp;face=150_122_241_213');">&nbsp;</div> <div class="og-text"> <p class="og-title" data-ke-size="size16">결핵 역학조사 전염성 추정기간 계산기(ver1.3)</p> <p class="og-desc" data-ke-size="size16">결핵 역학조사 결핵 증상: 예 아니오 가래(객담) 도말 양성: 예 아니오 흉부 X선 공동: 예 아니오 약 복용 여부: 예 아니오 ..</p> <p class="og-host" data-ke-size="size16">tb.manual-master.com</p> </div> </a></figure> <p><figure class="imageblock alignCenter" data-ke-mobileStyle="widthOrigin" data-filename="스크린샷 2024-08-23 오후 10.12.36.png" data-origin-width="980" data-origin-height="428"><span data-url="https://blog.kakaocdn.net/dn/ZeCgM/btsJeoDacid/hWRZpt02t7SfPBjTrbVucK/img.png" data-phocus="https://blog.kakaocdn.net/dn/ZeCgM/btsJeoDacid/hWRZpt02t7SfPBjTrbVucK/img.png"><img src="https://blog.kakaocdn.net/dn/ZeCgM/btsJeoDacid/hWRZpt02t7SfPBjTrbVucK/img.png" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FZeCgM%2FbtsJeoDacid%2FhWRZpt02t7SfPBjTrbVucK%2Fimg.png" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" alt="결핵 역학조사 전염성 추정기간 계산기 사용법" loading="lazy" width="980" height="428" data-filename="스크린샷 2024-08-23 오후 10.12.36.png" data-origin-width="980" data-origin-height="428"/></span></figure> </p> <h3 data-ke-size="size23"> 정보 입력</h3> <ul style="list-style-type: disc;" data-ke-list-type="disc"> <li><b>결핵 증상:</b> 증상이 있었는지 여부를 선택하세요.</li> <li><b>가래(객담) 도말 양성:</b> 가래 검사 결과가 양성인지 여부를 선택하세요.</li> <li><b>흉부 X선 공동:</b> 흉부 X선 검사에서 공동 소견이 있는지 여부를 선택하세요.</li> <li><b>약 복용 여부:</b> 결핵 약을 복용했는지 여부를 선택하세요.</li> <li><b>증상 시작일:</b> 결핵 증상이 시작된 날짜를 입력하세요. (증상이 없었다면 입력하지 않아도 됩니다.)</li> <li><b>가장 앞선 검사일:</b> 결핵 관련 검사를 받은 가장 빠른 날짜를 입력하세요.</li> <li><b>약 복용 시작일:</b> 결핵 약 복용을 시작한 날짜를 입력하세요. (약을 복용하지 않았다면 입력하지 않아도 됩니다.)</li> </ul> <h3 data-ke-size="size23"> 기간 계산</h3> <p data-ke-size="size16">모든 정보를 입력한 후, "전염성 추정기간 계산" 버튼을 클릭하세요. 전염성이 있었을 것으로 추정되는 기간이 화면에 표시됩니다.</p> <h3 data-ke-size="size23">❗ 주의사항</h3> <ul style="list-style-type: disc;" data-ke-list-type="disc"> <li>이 계산기는 전염성 기간을 <b>추정</b>하는 도구이며, 실제 전염성 기간과 다를 수 있습니다.</li> <li>개인 정보는 수집하거나 저장하지 않습니다. 안심하고 사용하세요.</li> </ul> <p data-ke-size="size16"><b>건강은 소중합니다. 결핵 예방과 조기 발견에 힘쓰세요!</b></p> 결핵 결핵 역학조사 전염성 추정기간 계산기 사용법 결핵마스터 https://tb-master.tistory.com/6 https://tb-master.tistory.com/6#entry6comment Fri, 23 Aug 2024 22:13:27 +0900 결핵 역학조사 전염성 추정기간 계산기(ver1.3) https://tb-master.tistory.com/pages/%EA%B2%B0%ED%95%B5-%EC%97%AD%ED%95%99%EC%A1%B0%EC%82%AC-%EC%A0%84%EC%97%BC%EC%84%B1-%EC%B6%94%EC%A0%95%EA%B8%B0%EA%B0%84-%EA%B3%84%EC%82%B0%EA%B8%B0ver13 <p><figure class="imageblock alignleft" data-ke-mobileStyle="widthOrigin" data-origin-width="500" data-origin-height="500"><span data-url="https://blog.kakaocdn.net/dn/dp00PN/btsJd3fbugM/Z759hxIUGFq4nbRKRThMW0/img.png" data-phocus="https://blog.kakaocdn.net/dn/dp00PN/btsJd3fbugM/Z759hxIUGFq4nbRKRThMW0/img.png"><img src="https://blog.kakaocdn.net/dn/dp00PN/btsJd3fbugM/Z759hxIUGFq4nbRKRThMW0/img.png" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fdp00PN%2FbtsJd3fbugM%2FZ759hxIUGFq4nbRKRThMW0%2Fimg.png" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="500" height="500" data-origin-width="500" data-origin-height="500"/></span></figure> </p> <div> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>결핵 역학조사 - 전염성 추정기간 계산</title> <style> body { margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; min-height: 100vh; } .container { background-color: #ffffff; border-radius: 12px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); padding: 20px; max-width: 500px; width: 90%; text-align: center; } h1 { font-size: 24px; color: #333; margin-bottom: 20px; font-weight: 700; } label { display: block; font-size: 16px; color: #495057; margin-top: 20px; margin-bottom: 8px; text-align: left; font-weight: 600; } input[type="radio"] { margin-right: 10px; } input[type="date"] { width: 80%; padding: 12px; font-size: 14px; border: 1px solid #ced4da; border-radius: 6px; margin-top: 5px; background-color: #f8f9fa; transition: border-color 0.3s, background-color 0.3s; } input[type="date"]:focus { border-color: #80bdff; background-color: #ffffff; outline: none; } button { background-color: #007bff; color: white; font-size: 16px; padding: 12px; border: none; border-radius: 8px; cursor: pointer; margin-top: 20px; width: 100%; transition: background-color 0.3s, transform 0.3s; } button:hover { background-color: #0056b3; transform: translateY(-2px); } .result { margin-top: 25px; font-size: 18px; color: #212529; font-weight: 600; background-color: #e9ecef; padding: 15px; border-radius: 8px; } .radio-group { display: flex; justify-content: space-between; margin-top: 5px; } .radio-group label { font-weight: normal; color: #495057; } .form-section { margin-bottom: 20px; } /* 반응형 디자인: 작은 화면에서의 스타일 조정 */ @media (max-width: 600px) { h1 { font-size: 20px; } label { font-size: 14px; } button { font-size: 14px; padding: 10px; } .result { font-size: 16px; padding: 12px; } } </style> </head> <body> <div class="container"> <h1>결핵 역학조사</h1> <form id="tbForm"> <div class="form-section"> <label>결핵 증상:</label> <div class="radio-group"> <label><input type="radio" name="symptom" value="yes" onclick="toggleSymptomDate(true)"> 예</label> <label><input type="radio" name="symptom" value="no" onclick="toggleSymptomDate(false)"> 아니오</label> </div> </div> <div class="form-section"> <label>가래(객담) 도말 양성:</label> <div class="radio-group"> <label><input type="radio" name="sputum" value="yes"> 예</label> <label><input type="radio" name="sputum" value="no"> 아니오</label> </div> </div> <div class="form-section"> <label>흉부 X선 공동:</label> <div class="radio-group"> <label><input type="radio" name="xray" value="yes"> 예</label> <label><input type="radio" name="xray" value="no"> 아니오</label> </div> </div> <div class="form-section"> <label>약 복용 여부:</label> <div class="radio-group"> <label><input type="radio" name="medication" value="yes" onclick="toggleMedicationDate(true)"> 예</label> <label><input type="radio" name="medication" value="no" onclick="toggleMedicationDate(false)"> 아니오</label> </div> </div> <div class="form-section"> <label>증상 시작일:</label> <input type="date" id="symptomDate" pattern="\d{4}-\d{2}-\d{2}" placeholder="YYYY-MM-DD" max="9999-12-31" disabled> </div> <div class="form-section"> <label>가장 앞선 검사일:</label> <input type="date" id="testDate" pattern="\d{4}-\d{2}-\d{2}" placeholder="YYYY-MM-DD" max="9999-12-31"> </div> <div class="form-section"> <label>약 복용 시작일:</label> <input type="date" id="medicationDate" pattern="\d{4}-\d{2}-\d{2}" placeholder="YYYY-MM-DD" max="9999-12-31" disabled> </div> <button type="button" onclick="calculatePeriod()">전염성 추정기간 계산</button> </form> <div class="result" id="result"></div> </div> <script> function toggleSymptomDate(enable) { const symptomDateInput = document.getElementById("symptomDate"); symptomDateInput.disabled = !enable; if (!enable) { symptomDateInput.value = ""; // 초기화 } } function toggleMedicationDate(enable) { const medicationDateInput = document.getElementById("medicationDate"); medicationDateInput.disabled = !enable; if (!enable) { medicationDateInput.value = ""; // 초기화 } } function calculatePeriod() { const symptom = document.querySelector('input[name="symptom"]:checked').value; const sputum = document.querySelector('input[name="sputum"]:checked').value; const xray = document.querySelector('input[name="xray"]:checked').value; const medication = document.querySelector('input[name="medication"]:checked').value; const symptomDate = new Date(document.getElementById("symptomDate").value); const testDate = new Date(document.getElementById("testDate").value); const medicationDate = new Date(document.getElementById("medicationDate").value); let resultText = ""; if (isNaN(testDate)) { alert("검사일을 선택해 주세요."); return; } let startDate, endDate; // 결핵 증상이 있는 경우 if (symptom === "yes") { if (isNaN(symptomDate)) { alert("증상 시작일을 입력해 주세요."); return; } // 증상 시작일과 검사일 중 더 이른 날짜로부터 3개월 전 계산 let earlyDate = symptomDate < testDate ? symptomDate : testDate; startDate = new Date(earlyDate); startDate.setMonth(startDate.getMonth() - 3); endDate = new Date(testDate); } // 결핵 증상은 없으나 가래 도말 양성 또는 흉부 X선 공동이 있는 경우 else if (sputum === "yes" || xray === "yes") { startDate = new Date(testDate); startDate.setMonth(startDate.getMonth() - 3); endDate = new Date(testDate); } // 결핵 증상, 가래 도말 양성, 흉부 X선 공동 모두 없는 경우 else { startDate = new Date(testDate); startDate.setDate(startDate.getDate() - 28); endDate = new Date(testDate); } // 약 복용 여부가 "예"인 경우, 종료 날짜를 약 복용 시작일 + 2주로 설정 if (medication === "yes" && !isNaN(medicationDate)) { endDate = new Date(medicationDate); endDate.setDate(endDate.getDate() + 14); // 약 복용 시작일로부터 2주 } resultText = `전염성 추정기간: ${startDate.toLocaleDateString()} ~ ${endDate.toLocaleDateString()} (${Math.ceil((endDate - startDate) / (1000 * 60 * 60 * 24 * 7))}주간)`; document.getElementById("result").innerText = resultText; } </script> </body> </div> 결핵마스터 https://tb-master.tistory.com/pages/%EA%B2%B0%ED%95%B5-%EC%97%AD%ED%95%99%EC%A1%B0%EC%82%AC-%EC%A0%84%EC%97%BC%EC%84%B1-%EC%B6%94%EC%A0%95%EA%B8%B0%EA%B0%84-%EA%B3%84%EC%82%B0%EA%B8%B0ver13 Fri, 23 Aug 2024 21:41:26 +0900 결핵 역학조사 전염성 추정기간 계산기(ver1.2) https://tb-master.tistory.com/pages/%EA%B2%B0%ED%95%B5-%EC%97%AD%ED%95%99%EC%A1%B0%EC%82%AC-%EC%A0%84%EC%97%BC%EC%84%B1-%EC%B6%94%EC%A0%95%EA%B8%B0%EA%B0%84-%EA%B3%84%EC%82%B0%EA%B8%B0ver12 <p data-ke-size="size16">&nbsp;</p> <p><figure class="imageblock alignleft" data-ke-mobileStyle="widthOrigin" data-origin-width="500" data-origin-height="500"><span data-url="https://blog.kakaocdn.net/dn/sycze/btsJrAQWtvs/3pmqf80URMk9wetB58pvbK/img.png" data-phocus="https://blog.kakaocdn.net/dn/sycze/btsJrAQWtvs/3pmqf80URMk9wetB58pvbK/img.png"><img src="https://blog.kakaocdn.net/dn/sycze/btsJrAQWtvs/3pmqf80URMk9wetB58pvbK/img.png" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fsycze%2FbtsJrAQWtvs%2F3pmqf80URMk9wetB58pvbK%2Fimg.png" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="500" height="500" data-origin-width="500" data-origin-height="500"/></span></figure> </p> <div> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>결핵 역학조사 - 전염성 추정기간 계산</title> <style> body { margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; min-height: 100vh; } .container { background-color: #ffffff; border-radius: 12px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); padding: 20px; max-width: 500px; width: 90%; text-align: center; } h1 { font-size: 24px; color: #333; margin-bottom: 20px; font-weight: 700; } label { display: block; font-size: 16px; color: #495057; margin-top: 20px; margin-bottom: 8px; text-align: left; font-weight: 600; } input[type="radio"] { margin-right: 10px; } input[type="date"] { width: 80%; padding: 12px; font-size: 14px; border: 1px solid #ced4da; border-radius: 6px; margin-top: 5px; background-color: #f8f9fa; transition: border-color 0.3s, background-color 0.3s; } input[type="date"]:focus { border-color: #80bdff; background-color: #ffffff; outline: none; } button { background-color: #007bff; color: white; font-size: 16px; padding: 12px; border: none; border-radius: 8px; cursor: pointer; margin-top: 20px; width: 100%; transition: background-color 0.3s, transform 0.3s; } button:hover { background-color: #0056b3; transform: translateY(-2px); } .result { margin-top: 25px; font-size: 18px; color: #212529; font-weight: 600; background-color: #e9ecef; padding: 15px; border-radius: 8px; } .radio-group { display: flex; justify-content: space-between; margin-top: 5px; } .radio-group label { font-weight: normal; color: #495057; } .form-section { margin-bottom: 20px; } /* 반응형 디자인: 작은 화면에서의 스타일 조정 */ @media (max-width: 600px) { h1 { font-size: 20px; } label { font-size: 14px; } button { font-size: 14px; padding: 10px; } .result { font-size: 16px; padding: 12px; } } </style> </head> <body> <div class="container"> <h1>결핵 역학조사</h1> <form id="tbForm"> <div class="form-section"> <label>결핵 증상:</label> <div class="radio-group"> <label><input type="radio" name="symptom" value="yes" onclick="toggleSymptomDate(true)"> 예</label> <label><input type="radio" name="symptom" value="no" onclick="toggleSymptomDate(false)"> 아니오</label> </div> </div> <div class="form-section"> <label>가래(객담) 도말 양성:</label> <div class="radio-group"> <label><input type="radio" name="sputum" value="yes"> 예</label> <label><input type="radio" name="sputum" value="no"> 아니오</label> </div> </div> <div class="form-section"> <label>흉부 X선 공동:</label> <div class="radio-group"> <label><input type="radio" name="xray" value="yes"> 예</label> <label><input type="radio" name="xray" value="no"> 아니오</label> </div> </div> <div class="form-section"> <label>약 복용 여부:</label> <div class="radio-group"> <label><input type="radio" name="medication" value="yes" onclick="toggleMedicationDate(true)"> 예</label> <label><input type="radio" name="medication" value="no" onclick="toggleMedicationDate(false)"> 아니오</label> </div> </div> <div class="form-section"> <label>증상 시작일:</label> <input type="date" id="symptomDate" pattern="\d{4}-\d{2}-\d{2}" placeholder="YYYY-MM-DD" max="9999-12-31" disabled> </div> <div class="form-section"> <label>가장 앞선 검사일:</label> <input type="date" id="testDate" pattern="\d{4}-\d{2}-\d{2}" placeholder="YYYY-MM-DD" max="9999-12-31"> </div> <div class="form-section"> <label>약 복용 시작일:</label> <input type="date" id="medicationDate" pattern="\d{4}-\d{2}-\d{2}" placeholder="YYYY-MM-DD" max="9999-12-31" disabled> </div> <button type="button" onclick="calculatePeriod()">전염성 추정기간 계산</button> </form> <div class="result" id="result"></div> </div> <script> function toggleSymptomDate(enable) { const symptomDateInput = document.getElementById("symptomDate"); symptomDateInput.disabled = !enable; if (!enable) { symptomDateInput.value = ""; // 초기화 } } function toggleMedicationDate(enable) { const medicationDateInput = document.getElementById("medicationDate"); medicationDateInput.disabled = !enable; if (!enable) { medicationDateInput.value = ""; // 초기화 } } function calculatePeriod() { const symptom = document.querySelector('input[name="symptom"]:checked').value; const sputum = document.querySelector('input[name="sputum"]:checked').value; const xray = document.querySelector('input[name="xray"]:checked').value; const medication = document.querySelector('input[name="medication"]:checked').value; const symptomDate = new Date(document.getElementById("symptomDate").value); const testDate = new Date(document.getElementById("testDate").value); const medicationDate = new Date(document.getElementById("medicationDate").value); let resultText = ""; if (isNaN(testDate)) { alert("검사일을 선택해 주세요."); return; } let startDate, endDate; // 결핵 증상이 있는 경우 if (symptom === "yes") { if (isNaN(symptomDate)) { alert("증상 시작일을 입력해 주세요."); return; } // 증상 시작일과 검사일 중 더 이른 날짜로부터 3개월 전 계산 let earlyDate = symptomDate < testDate ? symptomDate : testDate; startDate = new Date(earlyDate); startDate.setMonth(startDate.getMonth() - 3); endDate = new Date(testDate); } // 결핵 증상은 없으나 가래 도말 양성 또는 흉부 X선 공동이 있는 경우 else if (sputum === "yes" || xray === "yes") { startDate = new Date(testDate); startDate.setMonth(startDate.getMonth() - 3); endDate = new Date(testDate); } // 결핵 증상, 가래 도말 양성, 흉부 X선 공동 모두 없는 경우 else { startDate = new Date(testDate); startDate.setDate(startDate.getDate() - 28); endDate = new Date(testDate); } // 약 복용 여부가 "예"인 경우, 종료 날짜를 약 복용 시작일 + 2주로 설정 if (medication === "yes" && !isNaN(medicationDate)) { endDate = new Date(medicationDate); endDate.setDate(endDate.getDate() + 14); // 약 복용 시작일로부터 2주 } resultText = `전염성 추정기간: ${startDate.toLocaleDateString()} ~ ${endDate.toLocaleDateString()} (${Math.ceil((endDate - startDate) / (1000 * 60 * 60 * 24 * 7))}주간)`; document.getElementById("result").innerText = resultText; } </script> </body> </div> 결핵마스터 https://tb-master.tistory.com/pages/%EA%B2%B0%ED%95%B5-%EC%97%AD%ED%95%99%EC%A1%B0%EC%82%AC-%EC%A0%84%EC%97%BC%EC%84%B1-%EC%B6%94%EC%A0%95%EA%B8%B0%EA%B0%84-%EA%B3%84%EC%82%B0%EA%B8%B0ver12 Fri, 23 Aug 2024 19:15:48 +0900 결핵 역학조사 전염성 추정기간 계산기 https://tb-master.tistory.com/pages/%EA%B2%B0%ED%95%B5-%EC%97%AD%ED%95%99%EC%A1%B0%EC%82%AC-%EC%A0%84%EC%97%BC%EC%84%B1-%EC%B6%94%EC%A0%95%EA%B8%B0%EA%B0%84-%EA%B3%84%EC%82%B0%EA%B8%B0 <!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: 'Helvetica Neue', Arial, sans-serif; background-color: #f4f7f6; margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; min-height: 100vh; } .container { background-color: #ffffff; border-radius: 12px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); padding: 20px; max-width: 500px; width: 90%; text-align: center; } h1 { font-size: 24px; color: #333; margin-bottom: 20px; font-weight: 700; } label { display: block; font-size: 16px; color: #495057; margin-top: 20px; margin-bottom: 8px; text-align: left; font-weight: 600; } input[type="radio"] { margin-right: 10px; } input[type="date"] { width: 100%; padding: 12px; font-size: 14px; border: 1px solid #ced4da; border-radius: 6px; margin-top: 5px; background-color: #f8f9fa; transition: border-color 0.3s, background-color 0.3s; } input[type="date"]:focus { border-color: #80bdff; background-color: #ffffff; outline: none; } button { background-color: #007bff; color: white; font-size: 16px; padding: 12px; border: none; border-radius: 8px; cursor: pointer; margin-top: 20px; width: 100%; transition: background-color 0.3s, transform 0.3s; } button:hover { background-color: #0056b3; transform: translateY(-2px); } .result { margin-top: 25px; font-size: 18px; color: #212529; font-weight: 600; background-color: #e9ecef; padding: 15px; border-radius: 8px; } .radio-group { display: flex; justify-content: space-between; margin-top: 5px; } .radio-group label { font-weight: normal; color: #495057; } .form-section { margin-bottom: 20px; } /* 반응형 디자인: 작은 화면에서의 스타일 조정 */ @media (max-width: 600px) { h1 { font-size: 20px; } label { font-size: 14px; } button { font-size: 14px; padding: 10px; } .result { font-size: 16px; padding: 12px; } } </style> </head> <body> <div class="container"> <h1>결핵 역학조사</h1> <form id="tbForm"> <div class="form-section"> <label>결핵 증상:</label> <div class="radio-group"> <label><input type="radio" name="symptom" value="yes" onclick="toggleSymptomDate(true)"> 예</label> <label><input type="radio" name="symptom" value="no" onclick="toggleSymptomDate(false)"> 아니오</label> </div> </div> <div class="form-section"> <label>가래(객담) 도말 양성:</label> <div class="radio-group"> <label><input type="radio" name="sputum" value="yes"> 예</label> <label><input type="radio" name="sputum" value="no"> 아니오</label> </div> </div> <div class="form-section"> <label>흉부 X선 공동:</label> <div class="radio-group"> <label><input type="radio" name="xray" value="yes"> 예</label> <label><input type="radio" name="xray" value="no"> 아니오</label> </div> </div> <div class="form-section"> <label>약 복용 여부:</label> <div class="radio-group"> <label><input type="radio" name="medication" value="yes" onclick="toggleMedicationDate(true)"> 예</label> <label><input type="radio" name="medication" value="no" onclick="toggleMedicationDate(false)"> 아니오</label> </div> </div> <div class="form-section"> <label>증상 시작일:</label> <input type="date" id="symptomDate" pattern="\d{4}-\d{2}-\d{2}" placeholder="YYYY-MM-DD" max="9999-12-31" disabled> </div> <div class="form-section"> <label>가장 앞선 검사일:</label> <input type="date" id="testDate" pattern="\d{4}-\d{2}-\d{2}" placeholder="YYYY-MM-DD" max="9999-12-31"> </div> <div class="form-section"> <label>약 복용 시작일:</label> <input type="date" id="medicationDate" pattern="\d{4}-\d{2}-\d{2}" placeholder="YYYY-MM-DD" max="9999-12-31" disabled> </div> <button type="button" onclick="calculatePeriod()">전염성 추정기간 계산</button> </form> <div class="result" id="result"></div> </div> <script> function toggleSymptomDate(enable) { document.getElementById("symptomDate").disabled = !enable; } function toggleMedicationDate(enable) { document.getElementById("medicationDate").disabled = !enable; } function calculatePeriod() { const symptom = document.querySelector('input[name="symptom"]:checked').value; const sputum = document.querySelector('input[name="sputum"]:checked').value; const xray = document.querySelector('input[name="xray"]:checked').value; const medication = document.querySelector('input[name="medication"]:checked').value; const symptomDate = new Date(document.getElementById("symptomDate").value); const testDate = new Date(document.getElementById("testDate").value); const medicationDate = new Date(document.getElementById("medicationDate").value); let resultText = ""; if (isNaN(testDate)) { alert("검사일을 선택해 주세요."); return; } let startDate, endDate; // 결핵 증상이 있는 경우 if (symptom === "yes") { if (isNaN(symptomDate)) { alert("증상 시작일을 입력해 주세요."); return; } startDate = new Date(symptomDate); startDate.setMonth(startDate.getMonth() - 3); endDate = new Date(testDate); } // 결핵 증상은 없으나 가래 도말 양성 또는 흉부 X선 공동이 있는 경우 else if (sputum === "yes" || xray === "yes") { startDate = new Date(testDate); startDate.setMonth(startDate.getMonth() - 3); endDate = new Date(testDate); } // 결핵 증상, 가래 도말 양성, 흉부 X선 공동 모두 없는 경우 else { startDate = new Date(testDate); startDate.setDate(startDate.getDate() - 28); endDate = new Date(testDate); } // 약 복용 여부가 "예"인 경우, 종료 날짜를 약 복용 시작일 + 2주로 설정 if (medication === "yes" && !isNaN(medicationDate)) { endDate = new Date(medicationDate); endDate.setDate(endDate.getDate() + 14); // 약 복용 시작일로부터 2주 } resultText = `전염성 추정기간: ${startDate.toLocaleDateString()} ~ ${endDate.toLocaleDateString()} (${Math.ceil((endDate - startDate) / (1000 * 60 * 60 * 24 * 7))}주간)`; document.getElementById("result").innerText = resultText; } </script> </body> </html> 결핵마스터 https://tb-master.tistory.com/pages/%EA%B2%B0%ED%95%B5-%EC%97%AD%ED%95%99%EC%A1%B0%EC%82%AC-%EC%A0%84%EC%97%BC%EC%84%B1-%EC%B6%94%EC%A0%95%EA%B8%B0%EA%B0%84-%EA%B3%84%EC%82%B0%EA%B8%B0 Fri, 23 Aug 2024 19:07:39 +0900