a링크 있는곳에 hover하면 왼쪽 하단에 주소 상태바같은게 나오는데 채택완료

</p>

<p>document.addEventListener('DOMContentLoaded', () => {

    const customLinks = document.querySelectorAll('.custom-link');

    customLinks.forEach(link => {

        link.addEventListener('click', (event) => {

            event.preventDefault();

            const target = link.getAttribute('data-target');

            fetch('/ajax/redirect.php', {

                method: 'POST',

                headers: { 'Content-Type': 'application/json' },

                body: JSON.stringify({ target })

            })

            .then(response => response.json())

            .then(data => {

                if (data.success) {

                    window.location.href = data.redirect;

                } else {

                    alert('Error occurred');

                }

            });

        });

    });

});</p>

<p>

</p>

<p><?php

if ($_SERVER['REQUEST_METHOD'] === 'POST') {

    $input = json_decode(file_get_contents('php://input'), true);

    $target = $input['target'] ?? '';

    if (!empty($target) && is_valid_url($target)) {

        echo json_encode(['success' => true, 'redirect' => $target]);

    } else {

        echo json_encode(['success' => false]);

    }

}

function is_valid_url($url) {

    return filter_var($url, FILTER_VALIDATE_URL);

}

?></p>

<p>

</p>

<p><a href="#" class="custom-link" data-target="<a href="https://gnuchoboda.kr">Gnuchoboda</a>" target="_blank" rel="noopener noreferrer">https://gnuchoboda.kr">Gnuchoboda</a></a></p>

<p>