https://soongnyu.tistory.com/ 숭늉 하고싶은데 숭늉이 안되니까 숭뉴가 될게요 ko Wed, 17 Jun 2026 15:14:09 +0900 TISTORY 100 soongnyu https://soongnyu.tistory.com/1 <div style="text-align: center; margin: 20px 0;"><img style="max-width: 100%; height: auto; border-radius: 4px; box-shadow: 0 4px 10px rgba(0,0,0,0.05);" src="https://blog.kakaocdn.net/dn/mxLXu/dJMcaiXWjLB/AAAAAAAAAAAAAAAAAAAAAB3iWauiHD0iIHGn67tE106o_KcdBz_szcpyT7gPaaSw/img.png?credential=yqXZFxpELC7KVnFOS48ylbz2pIh7yKj8&amp;expires=1782831599&amp;allow_ip=&amp;allow_referer=&amp;signature=%2B9bcoXxtUzeEbBh%2Fvj80OfngqHQ%3D" alt="라테일 삐린" /></div> <p data-ke-size="size16"> <p style="text-align: center; margin: 20px 0;" data-ke-size="size16">라테일 어드벤처 효과 종합 계산을 하고싶은데 일일이 구하기 귀찮아서 만들었습니다..</p> <p style="text-align: center; margin: 20px 0;" data-ke-size="size16">코딩의 'ㅋ' 자도 모르지만 조잡하게나마 구현했어요.</p> <p style="text-align: center; margin: 20px 0;" data-ke-size="size16">수치 오류가 있다면 댓글 혹은 라테일 인게임 [삐린]으로 우편 부탁드릴게요!</p> <!-- 라테일 계산기 시작 --> <div class="lt-wrapper" style="display: flex; justify-content: center; padding: 20px 10px; background-color: #fafafa; font-family: 'Malgun Gothic', dotum, sans-serif;"> <div class="lt-container" style="width: 100%; max-width: 500px; background-color: #ffffff; border: 2px solid #3a6073; border-radius: 8px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); overflow: hidden; box-sizing: border-box;"> <!-- 헤더 --> <div class="lt-header" style="background: linear-gradient(135deg, #ff5fa8, #a479fe); color: white; padding: 20px; text-align: center;"> <h1 style="margin: 0; font-size: 1.4rem; color: white; font-weight: bold; line-height: 1.4;">라테일 어드벤처 효과 종합 계산기</h1> </div> <!-- 입력 패널 --> <div class="lt-control-panel" style="background-color: #eef2f5; padding: 15px 20px; border-bottom: 1px solid #2d2d32; display: flex; align-items: center; justify-content: space-between; box-sizing: border-box;"> <label for="ltStageInput" style="font-weight: bold; color: #2d2d32; margin: 0;">목표 달성 단계 (1~75):</label> <input type="number" id="ltStageInput" value="38" min="1" max="75" style="width: 95px; padding: 6px 0; padding-left: 16px; font-size: 1rem; border: 2px solid #ff5fa8; border-radius: 4px; text-align: center; font-weight: bold; box-sizing: border-box;"> </div> <!-- 결과 섹션 --> <div class="lt-result-section" style="padding: 20px; box-sizing: border-box;"> <h2 style="font-size: 1.1rem; margin-top: 0; margin-bottom: 15px; color: #ff5fa8; border-bottom: 2px solid #ff5fa8; padding-bottom: 8px; font-weight: bold;"> <span id="ltTargetStage">38</span>단계까지의 총 적용 효과 </h2> <div id="ltResultContainer"> <!-- 결과 주입 구역 --> </div> </div> <!-- 푸터 (저작권) --> <div class="lt-footer" style="text-align: center; padding: 15px 10px; font-size: 0.8rem; color: #a0aec0; background-color: #f7fafc; border-top: 1px solid #edf2f7; line-height: 1.5; box-sizing: border-box;"> <p style="margin: 0 0 4px 0; color: #a0aec0;">LaTale Adventure Calculator</p> <p style="margin: 0; font-size: 0.75rem; color: #cbd5e0;">©2026 [삐린]. Powered by LaTale data.</p> </div> </div> </div> <style> /* 티스토리 스킨별 대미지 최소화용 내부 스타일 */ .lt-wrapper *, .lt-wrapper *::before, .lt-wrapper *::after { box-sizing: border-box !important; } .lt-calc-row { display: flex; justify-content: space-between; padding: 10px 4px; border-bottom: 1px dashed #e0e0e0; font-size: 0.95rem; line-height: 1.4; } .lt-calc-row:last-child { border-bottom: none; } .lt-calc-name { font-weight: bold; color: #2d2d32; } .lt-calc-value { font-weight: bold; color: #ff5fa8; } </style> <script> (function() { const adventureData = [ { lv: 1, name: "경험치 획득", val: 5.0, type: "%" }, { lv: 2, name: "퀘스트 보상 강화", val: 5, type: "%" }, { lv: 3, name: "엘리 획득", val: 10, type: "%" }, { lv: 4, name: "경험치 획득", val: 5.0, type: "%" }, { lv: 5, name: "근력/마법력", val: 500, type: "" }, { lv: 6, name: "퀘스트 보상 강화", val: 5, type: "%" }, { lv: 7, name: "엘리 획득", val: 10, type: "%" }, { lv: 8, name: "경험치 획득", val: 5.0, type: "%" }, { lv: 9, name: "퀘스트 보상 강화", val: 5, type: "%" }, { lv: 10, name: "근력/마법력", val: 1000, type: "" }, { lv: 11, name: "엘리 획득", val: 10, type: "%" }, { lv: 12, name: "경험치 획득", val: 5.0, type: "%" }, { lv: 13, name: "퀘스트 보상 강화", val: 5, type: "%" }, { lv: 14, name: "엘리 획득", val: 10, type: "%" }, { lv: 15, name: "근력/마법력", val: 500, type: "" }, { lv: 16, name: "경험치 획득", val: 5.0, type: "%" }, { lv: 17, name: "퀘스트 보상 강화", val: 5, type: "%" }, { lv: 18, name: "엘리 획득", val: 10, type: "%" }, { lv: 19, name: "경험치 획득", val: 5.0, type: "%" }, { lv: 20, name: "근력/마법력", val: 1000, type: "" }, { lv: 21, name: "퀘스트 보상 강화", val: 5, type: "%" }, { lv: 22, name: "엘리 획득", val: 10, type: "%" }, { lv: 23, name: "경험치 획득", val: 5.0, type: "%" }, { lv: 24, name: "퀘스트 보상 강화", val: 5, type: "%" }, { lv: 25, name: "올스탯", val: 1000, type: "" }, { lv: 26, name: "근력/마법력", val: 200, type: "" }, { lv: 27, name: "근력/마법력", val: 200, type: "" }, { lv: 28, name: "근력/마법력", val: 200, type: "" }, { lv: 29, name: "근력/마법력", val: 200, type: "" }, { lv: 30, name: "소환수 경험치 획득", val: 25, type: "%" }, { lv: 31, name: "근력/마법력", val: 200, type: "" }, { lv: 32, name: "근력/마법력", val: 200, type: "" }, { lv: 33, name: "근력/마법력", val: 200, type: "" }, { lv: 34, name: "근력/마법력", val: 200, type: "" }, { lv: 35, name: "아이템 발생 확률", val: 10, type: "%" }, { lv: 36, name: "근력/마법력", val: 200, type: "" }, { lv: 37, name: "근력/마법력", val: 200, type: "" }, { lv: 38, name: "근력/마법력", val: 200, type: "" }, { lv: 39, name: "근력/마법력", val: 200, type: "" }, { lv: 40, name: "올스탯", val: 1000, type: "" }, { lv: 41, name: "근력/마법력", val: 200, type: "" }, { lv: 42, name: "근력/마법력", val: 200, type: "" }, { lv: 43, name: "근력/마법력", val: 200, type: "" }, { lv: 44, name: "근력/마법력", val: 200, type: "" }, { lv: 45, name: "물리/마법 최대대미지", val: 20, type: "%" }, { lv: 46, name: "근력/마법력", val: 200, type: "" }, { lv: 47, name: "근력/마법력", val: 200, type: "" }, { lv: 48, name: "근력/마법력", val: 200, type: "" }, { lv: 49, name: "근력/마법력", val: 200, type: "" }, { lv: 50, name: "소환수 경험치 획득", val: 25, type: "%" }, { lv: 51, name: "근력/마법력", val: 200, type: "" }, { lv: 52, name: "근력/마법력", val: 200, type: "" }, { lv: 53, name: "근력/마법력", val: 200, type: "" }, { lv: 54, name: "근력/마법력", val: 200, type: "" }, { lv: 55, name: "아이템 발생 확률", val: 10, type: "%" }, { lv: 56, name: "근력/마법력", val: 200, type: "" }, { lv: 57, name: "근력/마법력", val: 200, type: "" }, { lv: 58, name: "근력/마법력", val: 200, type: "" }, { lv: 59, name: "근력/마법력", val: 200, type: "" }, { lv: 60, name: "올스탯", val: 1000, type: "" }, { lv: 61, name: "근력/마법력", val: 200, type: "" }, { lv: 62, name: "근력/마법력", val: 200, type: "" }, { lv: 63, name: "근력/마법력", val: 200, type: "" }, { lv: 64, name: "근력/마법력", val: 200, type: "" }, { lv: 65, name: "물리/마법 최대대미지", val: 20, type: "%" }, { lv: 66, name: "근력/마법력", val: 200, type: "" }, { lv: 67, name: "근력/마법력", val: 200, type: "" }, { lv: 68, name: "근력/마법력", val: 200, type: "" }, { lv: 69, name: "근력/마법력", val: 200, type: "" }, { lv: 70, name: "소환수 경험치 획득", val: 25, type: "%" }, { lv: 71, name: "근력/마법력", val: 200, type: "" }, { lv: 72, name: "근력/마법력", val: 200, type: "" }, { lv: 73, name: "근력/마법력", val: 200, type: "" }, { lv: 74, name: "근력/마법력", val: 200, type: "" }, { lv: 75, name: "아이템 발생 확률", val: 10, type: "%" } ]; const stageInput = document.getElementById('ltStageInput'); const targetStageText = document.getElementById('ltTargetStage'); const resultContainer = document.getElementById('ltResultContainer'); if(!stageInput || !targetStageText || !resultContainer) return; function calculateStats() { let maxStage = parseInt(stageInput.value); if (isNaN(maxStage) || maxStage < 1) maxStage = 1; if (maxStage > 75) maxStage = 75; stageInput.value = maxStage; targetStageText.innerText = maxStage; const totals = {}; for (let i = 0; i < maxStage; i++) { const item = adventureData[i]; const key = `${item.name}||${item.type}`; if (!totals[key]) totals[key] = 0; totals[key] += item.val; } resultContainer.innerHTML = ''; const sortedKeys = Object.keys(totals); sortedKeys.forEach(key => { const [name, type] = key.split('||'); let finalVal = totals[key]; if (finalVal % 1 !== 0) finalVal = finalVal.toFixed(1); const formattedVal = Number(finalVal).toLocaleString(); const row = document.createElement('div'); row.className = 'lt-calc-row'; row.innerHTML = ` <span class="lt-calc-name">${name}</span> <span class="lt-calc-value">+${formattedVal}${type}</span> `; resultContainer.appendChild(row); }); } stageInput.addEventListener('input', calculateStats); calculateStats(); })(); </script> <!-- 라테일 계산기 끝 --> 라테일 latale 라테일 어드벤처 팬메이드 soongnyu https://soongnyu.tistory.com/1 https://soongnyu.tistory.com/1#entry1comment Tue, 16 Jun 2026 21:43:28 +0900