window.alert() 메소드

• window.alert() 메소드는 브라우저와는 별도의 대화 상자를 띄워 사용자에게 데이터를 전달

<script>

    function alertDialogBox() {

        alert("확인을 누를 때까지 다른 작업을 할 수 없어요!");

    }

</script>

HTML DOM 요소를 이용한 innerHTML 프로퍼티

<script>

    var str = document.getElementById("text");

    str.innerHTML = "이 문장으로 바뀌었습니다!";

</script>

• 실제 자바스크립트 코드에서 출력을 위해 가장 많이 사용되는 방법
• 우선 document 객체의 getElementByID()나 getElementsByTagName() 등의 메소드를 사용하여 HTML 요소를 선택
• innerHTML 프로퍼티를 이용하면 선택된 HTML 요소의 내용(content)이나 속성(attribute)값 등을 손쉽게 변경

document.write() 메소드

• 페이지가 로딩될 때 실행되면, 웹 페이지에 가장 먼저 데이터를 출력
• 대부분 테스트나 디버깅을 위해 사용

<script>

    document.write(4 * 5);

</script>

• 하지만 웹 페이지의 모든 내용이 로딩된 후에 document.write() 메소드가 실행되면, 웹 페이지 내에 먼저 로딩된 모든 데이터를 지우고 자신의 데이터를 출력
• 따라서 document.write() 메소드를 테스트 이외의 용도로 사용할 때에는 충분히 주의해서 사용

console.log() 메소드

• 웹 브라우저의 콘솔을 통해 데이터를 출력
• 대부분의 주요 웹 브라우저에서는 F12를 누른 후, 메뉴에서 콘솔을 클릭하면 콘솔 화면을 사용

<p>F12를 눌러서 콘솔 화면을 열면 결과를 확인할 수 있습니다.</p>

<script>

    console.log(4 * 5);

</script>

느낀점

• 자바스크립트와 같은 경우, 아무래도 html에서 많이 사용되다 보니 Python이나 Java에서 사용하는 출력문하고 많이 다르다는 점을 느꼈다.