HTTP/1.1 200 OK
Content-Type: text/html; charset=UTF-8

<!DOCTYPE html>
<html>
<head>
    <title>Vulnerable Target App</title>
</head>
<body>
    <!-- 1. 하드코딩된 시크릿 키 노출 -->
    <script>
        const API_SECRET = "sk_live_9988776654321abcdef012345";
        const ADMIN_TOKEN = "Bearer adm_token_xyz987654321";
    </script>

    <!-- 2. DOM-based XSS 취약한 innerHTML 사용 -->
    <div id="user-greeting"></div>
    <script>
        const urlParams = new URLSearchParams(window.location.search);
        const username = urlParams.get('name');
        document.getElementById('user-greeting').innerHTML = "Hello, " + username;
    </script>

    <!-- 3. 안전하지 않은 외부 스크립트 로드 및 CSP 부재 -->
    <script src="http://malicious-cdn.com/analytics.js"></script>

    <!-- 4. CSRF 방어 토큰이 없는 폼 -->
    <form action="/api/transfer" method="POST">
        <input type="text" name="amount" />
        <input type="text" name="to" />
        <button type="submit">Transfer</button>
    </form>

    <!-- 5. 위험한 eval 함수 사용 -->
    <script>
        function parseData(userInput) {
            return eval('(' + userInput + ')');
        }
    </script>

    <!-- 6. 인라인 이벤트 핸들러 사용 -->
    <button onclick="executeSearch(document.getElementById('q').value)">Search</button>
    <input type="text" id="q" />

    <!-- 7. 안전하지 않은 하이퍼링크 (window.opener 취약점) -->
    <a href="https://external-site.com" target="_blank">External Link</a>

    <!-- 8. 민감한 데이터의 로컬 스토리지 평문 저장 -->
    <script>
        localStorage.setItem('user_session', '{"user":"admin","role":"administrator"}');
    </script>

    <!-- 9. MIME 타입 스니핑 방어 누락된 컨텐츠 -->
    <embed src="/files/user-upload.svg" />

    <!-- 10. 누락된 보안 응답 헤더 (X-Frame-Options, HSTS, CSP 등) -->
</body>
</html>

HTTP/1.1 200 OK
Content-Type: text/html; charset=UTF-8
Content-Security-Policy: default-src 'self'; script-src 'self' 'nonce-XYZ123'; object-src 'none'; frame-ancestors 'none';
X-Frame-Options: DENY
X-Content-Type-Options: nosniff
Strict-Transport-Security: max-age=63072000; includeSubDomains; preload
Referrer-Policy: strict-origin-when-cross-origin

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <title>Secure Hardened App</title>
</head>
<body>
    <!-- 1. 시크릿 키 제거 완료. 모든 민감한 작업은 백엔드 Proxy를 통해 처리 -->

    <!-- 2. DOM-based XSS 방어: innerText 사용 및 엄격한 입력 검증 -->
    <div id="user-greeting"></div>
    <script nonce="XYZ123">
        const urlParams = new URLSearchParams(window.location.search);
        const username = urlParams.get('name') || '';
        const sanitizedName = DOMPurify.sanitize(username);
        document.getElementById('user-greeting').innerText = "Hello, " + sanitizedName;
    </script>

    <!-- 3. 신뢰할 수 있는 소스만 CSP로 제어 및 HTTPS 강제 -->
    <!-- 외부 미인증 스크립트 제거 완료 -->

    <!-- 4. CSRF 방어 토큰 포함된 안전한 폼 -->
    <form action="/api/transfer" method="POST">
        <input type="hidden" name="csrf_token" value="secure_random_csrf_token_a1b2c3" />
        <input type="number" name="amount" required />
        <input type="text" name="to" required />
        <button type="submit">Transfer</button>
    </form>

    <!-- 5. eval 함수 제거 및 안전한 JSON.parse 사용 -->
    <script nonce="XYZ123">
        function parseData(userInput) {
            try {
                return JSON.parse(userInput);
            } catch (e) {
                console.error("Invalid JSON format");
                return null;
            }
        }
    </script>

    <!-- 6. 인라인 이벤트 핸들러 제거 및 이벤트를 통한 리스너 부착 -->
    <button id="search-btn">Search</button>
    <input type="text" id="q" />
    <script nonce="XYZ123">
        document.getElementById('search-btn').addEventListener('click', () => {
            const query = document.getElementById('q').value;
            executeSearch(query);
        });
    </script>

    <!-- 7. window.opener 취약점 방어: rel="noopener noreferrer" 추가 -->
    <a href="https://external-site.com" target="_blank" rel="noopener noreferrer">External Link</a>

    <!-- 8. 로컬 스토리지 대신 HttpOnly, Secure, SameSite 쿠키 활용 -->
    <!-- 민감한 세션 정보는 프론트엔드 스토리지에 절대 저장하지 않음 -->

    <!-- 9. 업로드 파일 렌더링 시 샌드박스 및 격리 처리 -->
    <iframe src="/files/user-upload.svg" sandbox="" style="border:none;"></iframe>

    <!-- 10. 모든 강력한 보안 헤더 및 최신 방어 체계 적용 완료 -->
</body>
</html>