본문 바로가기
생활코딩 HTML + CSS + 자바스크립트/자바스크립트 이론

05 HTML과 JS의 만남 : 콘솔

by Hwanii_ 2023. 7. 2.
728x90

1.

자바스크립트 코드를 실행하는 또 다른 실용적인 방법이 있다.

 

콘솔 (console) 이다.

 

2.

지금 까지는, 자바스크립트 코드를 실행 하기 위해,

웹 페이지, 즉, 파일을 만들었다.

 

경우에 따라서는 파일을 만들지 않고,

간단하게 어떤 코드를 실행 해야 하는 상황이 있을것이다.

 

이럴때, 콘솔을 활용 하면 좋다.

 

3.

 

 

 

 

위와 같이, 문자를 쓸 수도 있고, 계산도 가능 하다.

 

또한 아래와 같이, 자바스크립트 언어를 사용 할 수 있다.

 

 

앞에서 배운 alert 기능 이다.

 

안에 들어가 있는 문자의 길이를 한번에 알림 해주는 코드 이다.

 

 

결과로 426 을 바로 확인 할 수 있다.

 

즉,

콘솔을 이용하면 자바스크립트 코드를 즉석에서 실행할 수 있다.

 

4.

뿐만아니라, 이 콘솔창에서 실행하는 자바스크립트 코드는

내가 보고 있는 웹 페이지 안에 실제로 삽입돼 있는 자바스크립트

인것 처럼 동작 한다.

 

==

 

즉, 자바스크립트 코드는 내가 보고 있는 웹 페이지를 대상으로 실행 된다.

 

5.

 

정리

 

콘솔을 통해서,

이미 만들어진 웹 사이트를 대상으로 나의 필요에 따라,

적재적소에 맞는 코드를 사용해서,

어떤 문제를 해결 할 수 있겠다.

 

 

반응형