문제를 잘 정의하는 것은 문제를 절반 해결한 것이다. - 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

사용자 도구

사이트 도구

스트립트 로드 순서

문서 도구