소스코드들 ui에 어떻게 그대로 출력하나요?

[김인환]

다른 코드들은 

        
          document.getElementById("date").innerHTML = Date();
            document.writeln(isNaN(undefined));
                document.writeln(isNaN(new Date().toString()));
        
  

이런식으로 하면 잘 출력 되는데 html 태그들은 어떻게 출력해야 하는지 모르겠습니다.. ㅠㅠ

그리고 전부터 궁금했는데  코딩애플 강의 보면서도 밑 예제들에 

소스코드들도 잘 나오면서 가독성도 좋게 폰트컬러가 다 다르던데 그건 어떻게 하나요?

[김인환]

pre>
        code>
          document.getElementById("date").innerHTML = Date();
            document.writeln(isNaN(undefined));
                document.writeln(isNaN(new Date().toString()));
        code>
     /pre>

와 여기에 이렇게 적었는데 저렇게 예쁘게 변환되네요.. 신기합니당

[codingapple]

< 이런걸 전부 &lt; 로 바꾸라고 하면 될걸요 

아니면 highlightjs 라이브러리같은거 쓰면 됩니다 

[글쓴이]

글