<head>
	<style>
    .page_cover, .width.padding:first-of-type {
      display: none !important;
    }
  </style>
</head>
title: "PAINKILLER"
description: "12질문으둜 κ·Ήλ³΅ν•˜λŠ” 단어암기 슀트레슀"
ogImage: "<https://i.postimg.cc/NfwYqcmf/image.png>"
theme: "custom"
backgroundColor: "#ffffff"

imageBorderRadius: 0
calloutBorderRadius: 16
galleryBorderRadius: 16

<aside> πŸ“Œ 이제 상세 λ©”λ‰΄μ—μ„œ **λ°”λ‘œ ν•™μŠ΅ πŸš€**을 ν΄λ¦­ν•˜λ©΄ PAINKILLERλ₯Ό λ°”λ‘œ ν•™μŠ΅ν•  수 μžˆμ–΄μš”

사전 신청을 λ°›μ•„ 기수제둜 운영되던 PAINKILLERκ°€ 3.0으둜 κ°œνŽΈλ˜λ©΄μ„œ μ—¬λŸ¬λΆ„ λͺ¨λ‘μ—κ²Œ κ³΅κ°œλ˜μ—ˆκΈ° λ•Œλ¬Έμ΄μ—μš” πŸ₯³

PK의 λͺ¨λ“  μ»¨ν…μΈ λŠ” μ—¬μ „νžˆ 무료둜 μ œκ³΅λœλ‹΅λ‹ˆλ‹€ 🎁

</aside>

PAINKILLER

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>FAQ κ²Œμ‹œνŒ</title>
    <style>
        body {
            margin: 0;
            font-family: 'Arial', sans-serif;
        }

        .faq-section {
            margin-bottom: 20px;
            border: 1px solid #ddd;
            padding: 10px;
            border-radius: 5px;
        }

        .question {
            cursor: pointer;
            font-weight: bold;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .question:hover {
            background-color: #f5f5f5;
        }

        .answer {
            max-height: 0;
            overflow: hidden;
            transition: max-height 1.7s ease;
            margin-top: 10px;
            line-height: 1.5;
            border-radius: 6px;
            border: 3px solid #fff;
            box-sizing: border-box;
            padding-bottom: 2.5px;
        }

        .answer.show {
            max-height: 1000px;
        }

        .icon {
            width: 20px;
            height: 20px;
            margin-left: 10px;
            transition: transform 0.5s ease;
        }

        .open {
            transform: rotate(180deg);
        }

        .answer a {
            display: inline-block;
            padding: 1px 6px;
            background-color: #f5f5f5;
            color: black;
            text-decoration: none;
            border-radius: 6px;
            transition: background-color 0.3s ease, color 0.3s ease;
            border: 3px solid #fff;
        }

        .answer a:hover {
            background-color: #dcdcdc;
            color: #333;
        }

    </style>
</head>
<body>

<div class="faq-section">
    <div class="question" onclick="toggleAnswer('faq1')">
        <span><b>λ‹¨μ–΄μ•”κΈ°μ—μ„œ κ°€μž₯ μ€‘μš”ν•œ 것은?</b></span>
        <img class="icon" src="<https://img.icons8.com/material-outlined/24/000000/expand-arrow--v1.png>"/>
    </div>
    <div class="answer" id="faq1">
        <br>
        <b><u>λΆˆν•„μš”ν•œ 슀트레슀</u></b>λ₯Ό λ°›μ§€ μ•ŠλŠ” 것이 κ°€μž₯ μ€‘μš”ν•©λ‹ˆλ‹€. λΆˆν•„μš”ν•œ 슀트레슀λ₯Ό μ§€μ†μ μœΌλ‘œ λ°›μœΌλ©° μ˜μ§€μ™€ λ…Έλ ₯을 계속 μ΄μ–΄λ‚˜κ°ˆ 수 μžˆλŠ” 학생은 <b><font color="red">κ·Ήμ†Œμˆ˜</font></b>에 λΆˆκ³Όν•©λ‹ˆλ‹€.<br>
        <br>
        μ§€κΈˆκ» μ—¬λŸ¬λΆ„, 그리고 μ—¬λŸ¬λΆ„μ˜ μ„ λ°°λ“€λ‘œλΆ€ν„° μˆ˜λ§Žμ€ μ§ˆλ¬Έμ„ λ°›μ•„μ™”μŠ΅λ‹ˆλ‹€. κ·Έ μ€‘μ—μ„œλ„ <b><font color="red">μ—¬λŸ¬λΆ„μ˜ 고톡</font></b>이 κ°€μž₯ 크게 λŠκ»΄μ§€λŠ” <b><u>질문 12κ°€μ§€</u></b>λ₯Ό μ„ λ³„ν•˜μ˜€μŠ΅λ‹ˆλ‹€.
    </div>
</div>

<!-- 두 번째 ν† κΈ€κ³Ό κ΄€λ ¨λœ HTML 블둝 및 슀크립트 뢀뢄이 μ‚­μ œλ˜μ—ˆμŠ΅λ‹ˆλ‹€ -->

<script>
    var faq1 = document.getElementById('faq1');

    // 초기 μ„ΈνŒ…μ„ λ‹«νž˜μœΌλ‘œ μ„€μ •
    faq1.classList.remove('show');

    function toggleAnswer(id) {
        var answer = document.getElementById(id);

        if (answer.classList.contains('show')) {
            answer.style.maxHeight = '0';
            answer.classList.remove('show');
        } else {
            answer.style.maxHeight = answer.scrollHeight + 'px';
            answer.classList.add('show');
        }
    }

    function isElementInViewport(element) {
        var rect = element.getBoundingClientRect();
        return (
            rect.top >= 0 &&
            rect.left >= 0 &&
            rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
            rect.right <= (window.innerWidth || document.documentElement.clientWidth)
        );
    }

    function toggleAnswer(id) {
        var answer = document.getElementById(id);

        if (answer.classList.contains('show')) {
            answer.style.maxHeight = '0';
            answer.classList.remove('show');
        } else {
            answer.style.maxHeight = answer.scrollHeight + 'px';
            answer.classList.add('show');
        }
    }

    function handleScroll() {
        var faq1 = document.getElementById('faq1');

        var faq1Distance = faq1.getBoundingClientRect().top;

        var toggleDistanceFaq1 = 180;

        if (faq1Distance <= toggleDistanceFaq1) {
            if (!faq1.classList.contains('show')) {
                toggleAnswer('faq1');
            }
        } else {
            if (faq1.classList.contains('show')) {
                toggleAnswer('faq1');
            }
        }
    }

    // 슀크둀 μ΄λ²€νŠΈμ— λŒ€ν•œ 이벀트 ν•Έλ“€λŸ¬ 등둝
    window.addEventListener('scroll', handleScroll);

    // ν™”λ©΄ λ‘œλ”© μ‹œ 초기 μƒνƒœ 확인
    window.addEventListener('load', function() {
        handleScroll(); // 초기 μƒνƒœ 적용
    });
</script>

</body>
</html>

<aside> πŸ”’ oopy:slide

type: "crossfade" # Pro ν”Œλžœ μ „μš©) μ• λ‹ˆλ©”μ΄μ…˜ νš¨κ³Όκ°€ ν¬λ‘œμŠ€νŽ˜μ΄λ“œλ‘œ μ μš©λ©λ‹ˆλ‹€.
speed: 3000 # μŠ¬λΌμ΄λ“œκ°€ λ„˜μ–΄κ°€λŠ”λ° κ±Έλ¦¬λŠ” μ‹œκ°„μž…λ‹ˆλ‹€. κΈ°λ³Έκ°’: 1000 (ms, λ°€λ¦¬μ„Έμ»¨λ“œ)
ratio: 1.78 # μŠ¬λΌμ΄λ“œ λ„ˆλΉ„ : μŠ¬λΌμ΄λ“œ 높이 λΉ„μœ¨μ„ μ§€μ •ν•©λ‹ˆλ‹€. κΈ°λ³Έκ°’: 2.76 (708px : 256px)
full: false # μŠ¬λΌμ΄λ“œλ₯Ό 화면에 꽉 차도둝 ν•©λ‹ˆλ‹€. full μ˜΅μ…˜μ΄ true μΌλ•Œλ„ ratioλŠ” μœ μ§€λ©λ‹ˆλ‹€. μŠ¬λΌμ΄λ“œκ°€ μ»¬λŸΌμ΄λ‚˜ 토글에 λ“€μ–΄κ°€λŠ” 경우 ν•΄λ‹Ή μ˜΅μ…˜μ€ λ™μž‘ν•˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€. κΈ°λ³Έκ°’: false
autoplay: 
  period: 2000 # μŠ¬λΌμ΄λ“œκ°€ μžλ™μœΌλ‘œ λ„˜μ–΄κ°€κΈ°κΉŒμ§€ κ±Έλ¦¬λŠ” μ‹œκ°„μž…λ‹ˆλ‹€. μžλ™ μž¬μƒμ„ μ›ν•˜μ§€ μ•ŠλŠ”λ‹€λ©΄ 값을 0으둜 μ£Όμ„Έμš”!
indicator: # μŠ¬λΌμ΄λ“œ μ•„λž˜μ— λ‚˜νƒ€λ‚˜λŠ” 이동을 μœ„ν•œ 점듀을 μ˜λ―Έν•©λ‹ˆλ‹€.
  show: false # 점듀을 숨기렀면 값을 false둜 λ³€κ²½ν•˜μ„Έμš”
  color: "#000000" # ν˜„μž¬ λ³΄μ΄λŠ” μŠ¬λΌμ΄λ“œμ— λŒ€μ‘λ˜λŠ” 점의 μƒ‰κΉ”μž…λ‹ˆλ‹€. κΈ°λ³Έκ°’: #6196FF
borderRadius: 16 # μŠ¬λΌμ΄λ“œμ˜ λͺ¨μ„œλ¦¬λ₯Ό λ‘₯κΈ€κ²Œ ν•˜λŠ” κ°’μž…λ‹ˆλ‹€. κΈ°λ³Έκ°’: 16
backgroundColor: "#f1f1ef" # μŠ¬λΌμ΄λ“œμ˜ λ°°κ²½ν™”λ©΄ 색상을 μ§€μ •ν•©λ‹ˆλ‹€. *) 배경을 투λͺ…μƒ‰μœΌλ‘œ μ‚¬μš©ν•˜λ €λ©΄ "transparent" λ₯Ό μž…λ ₯ν•˜μ„Έ

클ᄅᅒ스 α„Šα…₯α†·α„‚α…¦α„‹α…΅α†― START.png

클ᄅᅒ스 α„Šα…₯α†·α„‚α…¦α„‹α…΅α†― LEARN.png

클ᄅᅒ스 α„Šα…₯α†·α„‚α…¦α„‹α…΅α†― REVIEW.png

클ᄅᅒ스 α„Šα…₯α†·α„‚α…¦α„‹α…΅α†― APPLY.png

</aside>

Q1. ν•œ ꢌ만 μ œλŒ€λ‘œ μ™Έμš°λ©΄ λ κΉŒμš”?

Q2. 단어μž₯ μΆ”μ²œν•΄ 쀄싀 수 μžˆμ–΄μš”?

Q3. ν•˜λ£¨μ— λͺ‡ κ°œμ”© μ™Έμ›Œμ•Ό ν•˜λ‚˜μš”?

Q4. μ’€ 더 μ‰¬μš΄ μ•”κΈ° 방법은 μ—†λ‚˜μš”?

Q5. 단어 μ™Έμš°λ‹€ μ‹œκ°„μ΄ λ‹€ κ°€μš”

Q6. λ‹€μ˜μ–΄κ°€ λ„ˆλ¬΄ μŠ€νŠΈλ ˆμŠ€μ˜ˆμš”

Q7. 자꾸 κΉŒλ¨Ήμ–΄μ„œ 슀트레슀 λ°›μ•„μš”

Q8. μ˜ˆλ¬Έλ„ κΌΌκΌΌν•˜κ²Œ 봐야 ν•˜λ‚˜μš”?

Q9. μ§„μ§œλ‘œ 5νšŒλ…μ„ ν•΄μ•Ό ν•˜λ‚˜μš”?

Q10. 문제 ν’€λ©΄ μ—¬μ „νžˆ λͺ¨λ₯΄λŠ” 단어가 λ§Žμ•„μš”

Q11. μ•„λŠ” 단어인데 μ œκ°€ λͺ¨λ₯΄λŠ” 뜻으둜 λ‚˜μ™€μš”

Q12. μ‹€μ „μ—μ„œ 뜻이 λ°”λ‘œλ°”λ‘œ μ•ˆ λ– μ˜¬λΌμš”

λ‹¨μ–΄μ•”κΈ°μ˜ κ³ ν†΅μ—μ„œ λΉ λ₯΄κ²Œ λ²—μ–΄λ‚˜λŠ” ν•™μƒλ“€μ˜ νŠΉμ§•μ€ λΆ„λͺ…ν•©λ‹ˆλ‹€. 단어암기λ₯Ό λ‹¨μˆœνžˆ μ˜μ§€μ™€ λ…Έλ ₯의 μ˜μ—­μœΌλ‘œ μƒκ°ν•˜μ§€ μ•Šμ•˜λ‹€λŠ” μ μž…λ‹ˆλ‹€.

λ‹¨μ–΄μ•”κΈ°μ˜ κ³ ν†΅μ—μ„œ κ²°κ΅­ λ²—μ–΄λ‚˜μ§€ λͺ»ν•˜λŠ” ν•™μƒλ“€μ˜ νŠΉμ§• λ˜ν•œ λΆ„λͺ…ν•©λ‹ˆλ‹€. λ‹¨μ–΄μ•”κΈ°μ—μ„œ μ˜€λŠ” λͺ¨λ“  슀트레슀λ₯Ό μžμ‹ μ˜ μ˜μ§€μ™€ λ…Έλ ₯의 λΆ€μ‘±μœΌλ‘œ μƒκ°ν•˜λ©° μžμ±…ν•©λ‹ˆλ‹€.

μ‹œμž‘ λ‹¨κ³„μ—μ„œ λŠκ»΄μ§€λŠ” 막막함 ν•™μŠ΅ λ‹¨κ³„μ—μ„œ λ”ν•΄μ§€λŠ” 닡닡함 볡슡 λ‹¨κ³„μ—μ„œ λ§ˆμ£Όν•˜λŠ” ν—ˆνƒˆκ° 적용 λ‹¨κ³„μ—μ„œ λΆ€λ”ͺμΉ˜λŠ” 절망감

λ‹¨μ–΄μ•”κΈ°μ˜ λŠͺμ—μ„œ λ²—μ–΄λ‚  수 μžˆλŠ” 방법은 더 λ§Žμ€ μ˜μ§€μ™€ λ…Έλ ₯이 μ•„λ‹Œ, λΆˆν•„μš”ν•œ 슀트레슀λ₯Ό μ œκ±°ν•΄ 쀄 질문과 λͺ…μΎŒν•œ λ‹΅λ³€μž…λ‹ˆλ‹€.

<aside> πŸ“Œ 상세 λ©”λ‰΄μ—μ„œ λ°”λ‘œ ν•™μŠ΅ πŸš€μ„ ν΄λ¦­ν•˜λ©΄ PAINKILLERλ₯Ό λ°”λ‘œ ν•™μŠ΅ν•  수 μžˆμ–΄μš”

PK의 λͺ¨λ“  μ»¨ν…μΈ λŠ” μ—¬μ „νžˆ 무료둜 μ œκ³΅λœλ‹΅λ‹ˆλ‹€ 🎁

</aside>

PK μˆ˜μ • OD (2)