• 목록

[code]<?php
$memo_message = '<div class="container">
<ul class="content">
<li>안녕하세요, 무지개 동산에 오신 것을 환영합니다.</li>
</ul></div>';
?>

<script>
    // PHP에서 JSON 인코딩 후 JavaScript 변수로 저장 (Unicode 형식 유지)
    let memoMessage = <?php echo json_encode($memo_message); ?>;

    // 문서에 메시지 출력 (Unicode 형식 그대로 출력됨)
    document.write(memoMessage);
</script>
[/code]
📌 특정 <div>에 memoMessage(유니코드 변환된 HTML)를 출력하는 방법
document.body.innerHTML = memoMessage; 대신 특정 <div>에 출력하려면
document.getElementById() 또는 querySelector()를 사용하면 됩니다.
1️⃣ 특정 div에 출력하기
🔹 PHP + JavaScript 코드[code]<?php
$memo_message = '<div class="container">
<ul class="content">
<li>안녕하세요, 무지개 동산에 오신 것을 환영합니다.</li>
</ul></div>';
?>

<div id="targetDiv"></div> <!-- 출력할 대상 div -->

<script>
    // PHP에서 JSON 인코딩 후 JavaScript 변수로 저장 (Unicode 형식 유지)
    let memoMessage = <?php echo json_encode($memo_message); ?>;

    // 특정 div에 출력
    document.getElementById("targetDiv").innerHTML = memoMessage;
</script>[/code]
2️⃣ querySelector() 사용 (CSS 선택자로 특정 <div> 찾기)[code]document.querySelector("#targetDiv").innerHTML = memoMessage;
[/code]querySelector("#targetDiv")는 id="targetDiv"인 요소를 찾습니다.
querySelector(".content") → class="content"인 요소를 찾을 수도 있습니다.

💡 정리
1. 기존 내용을 덮어쓰기 (HTML 적용)[code]document.getElementById("targetDiv").innerHTML = memoMessage;[/code]2. 기존 내용 유지하면서 추가[code]document.getElementById("targetDiv").innerHTML += memoMessage;[/code]3. HTML 태그 없이 텍스트 그대로 출력[code]document.getElementById("targetDiv").innerText = memoMessage;[/code]