HTML과 JavaScript의 만남(Console)

자바스크립트 코드를 실행하기 위해서는 본래 웹페이지, 즉 파일을 생성하지만 경우에 따라서 파일이 아니더라도 간단하게 어떠한 코드를 실행해야 하는 상황이 있는데 이때 이용하는 것이 콘솔(Console) 입니다.

 

웹페이지에서 마우스 우클릭 후 [검사] 버튼을 누르고 console 탭을 누르면 아래와 같이 생성됩니다.(Chrome 기준)

* 이 콘솔을 통해 자바스크립트 코드를 실행하면 현재 열려있는 웹페이지르 대상으로 자바스크립트 코드 실행.

이 콘솔을 이용하면 파일을 만들지않더라도 자바스크립트 코드를 즉석에서 실행할 수 있습니다.

예를 들어 계산이 필요할때 이 콘솔을 계산기로 쓸수도 있고, 데이터를 간단하게 처리할 수 있습니다.

alert() 함수는 웹페이지에서 경고창을 띄워주는 함수입니다.

alert() 함수에 명령어를 포함시켜 다양한 명령을 수행할 수 있습니다.

 

.length 은 문자의 개수를 알려주는 명령어입니다.

alert('문자열'.length)를 실행하면 문자열의 개수를 계산하여 출력합니다.

 

---

웹페이지나 자바스크립트를 이용하는 것은 웹페이지를 만드는 것처럼 거대한 목표일 수 있지만 이미 만들어진 웹사이트를 대상으로 나의 필요에 따라 맥락적으로 간단하면서도 나에게 딱 맞는 코드를 만들어 문제를 해결할 수 있다.