[JS] JS 마크다운 출력

문제 상황

출시 준비중인 서비스의 이용약관을 마크다운으로 출력하려고 한다.

JS 기준으로 marked.min.js 라이브러리를 사용한다.

해결법

• JS 마크다운 변환

    <head>
        <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
    </head>
    <body>
        <main id="content" class="term-content" style="display:none;" th:text="${term.content}">
        <script>
            // 페이지 로드 시 마크다운 변환
            document.addEventListener("DOMContentLoaded", function() {
                const rawContent = document.getElementById('content').textContent;
                document.getElementById('rendered-content').innerHTML = marked.parse(rawContent);
            });
        </script>
    </body>

• 마크다운 원문을 JSON으로 변환 (백틱 사용 유의)

    const rawText = `이 약관은...
    ## 제1조...`;
  
    console.log(JSON.stringify(rawText)); // 출력본 복사해서 DB에 저장