JS가 데이터를 표시하는 법

1.innerHTML : HTML 요소에 데이터를 작성할 때 

<p id="demo"></p>

<script> 
document.getElementById="demo".innerHTML = 5 + 6;
</script>

<p id="demo"></p> 부분에 11이 표시됨


2.document.write() : 테스트 할 때만 쓰는 메소드

id값을 안쓰고 바로 내가 넣고 싶은 부분에 글을 쓸 때 사용한다

<script>
document.write(5+6); 
</script>

3.window.alert() : 경고 팝업창에 데이터 작성할 때

<script>

window.alert("경고창");

</script>

 

 

 

JavaScript에서 window 객체는 전역 범위 객체(global scope) 이며, 이는 변수, 속성 및 메서드가 기본적으로 window 객체에 속함을 의미합니다. 따라서 디폴트가 존재하기 때문에 굳이 window.alert() 가 아니라 alert()으로만 만들어 쓸 수 있다.

 

전역범위 (globe scope)와 지역범위 (local scope)  뜻 차이

 

globe scope는 말그대로 globe한 범위에서 생선된것을 말한다. 즉 이 블럭 안에서 생성된게 아니라 디폴트가 모두 정해진 블럭 밖에서 이미 만들어진 범위를 말하며, 지역 범위 (local scope)는 의역대로 더 작은 범위이며 디폴트도 아마 내가 만들어주는 범위인 듯 하다 .

 

 

4.console.log() : 브라우저 콘솔에 작성할 때

 

디버그시 사용하는 메소드이다.

 

f12 개발자툴 -> console 로 디버그를 할 수 있음