문제를 잘 정의하는 것은 문제를 절반 해결한 것이다. - 2023.12

문서의 이전 판입니다!

스트립트 로드 순서

<html>
    <head>
        // include libraries(jQuery, codemirror)
        <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js"></script>
        <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.52.2/codemirror.min.js"></script>
        <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.52.2/mode/javascript/javascript.min.js"></script>
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.52.2/codemirror.min.css">
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.52.2/theme/monokai.min.css">
 
        <script>
            var cm;
            $(document).ready(function(){
                cm = new CodeMirror.fromTextArea(document.getElementById("editor"), {
                    lineNumbers: true,
                    mode: 'javascript',
                    theme : 'monokai'}
                );
            });
        </script>
    </head>
 
    <body>
        <div>
            <textarea id="editor"></textarea>
        </div>
    </body>
 
</html>

문제를 잘 정의하는 것은 문제를 절반 해결한 것이다. - 2023.12

사용자 도구

사이트 도구

스트립트 로드 순서

문서 도구