2. JavaScript 기본 출력

1. JavaScript 기본 출력

JavaScript의 기본적인 출력을 배워보도록 합시다.

1 - 1. alert

alert의 뜻은 경보, 경계라는 뜻을 가지고 있습니다.

 

혹시 다른 웹사이트에서 뭔가를 클릭하면 화면에 뜨는 작은 박스를 보신 적 있으신가요?

 

그 창을 alert창이라고 부릅니다.

 

한번 같이 창을 임의 적으로 띄어 볼까여 ?

 

방법은 간단합니다. 

 

브라우저 창(인터넷 창)에서 F12를 눌러 개발자 도구를 불러온다음

 

console창에 'alert("안녕하세요!") 라고 적으시면 아래와 같은 창이 뜹니다.

alert 함수는 보통 언제 사용할까요?

 

예를 들어,

 

로그인 창에서 비밀번호가 틀렸을 때,

 

"비밀번호가 틀렸습니다" 라는 텍스트로 alert창을 보여줄 수 있습니다.

 

물론 디자인된 예쁜 창을 보여줬으면 좋겠지만,

 

개발이 급할 때는 HTML, CSS를 작성할 시간을 줄이기위해 일단 alert 창을 사용하는 경우도 많습니다.

1 - 2. console.log()

다른 함수도 한번 알아볼까요?

 

console.log()라는 함수 입니다. 

 

alert함수와 비슷한 역할을 합니다.

 

alert는 사용자에게 안내하고 싶은 텍스트를 보여줬다면, console.log는 개발자가 확인하고 싶은 내용을 출력하는 함수입니다.

 

그래서 console.log 는 일반 사용자가 볼 수 없도록 브라우저에 내장된 '개발자 도구'를 통해서만 확인할 수 있습니다. 

 

앞으로 코드 에디터 하단 결과가 나오는 공간을 콘솔(console) 창이라고 부르겠습니다.

 

console.log는 위 alert이랑 똑같은 방법으로 사용이 가능합니다.

console.log("안녕하세요!");

참고로 alert와 console.log은 자바스크립트에서 이미 정의된, 약속된 단어입니다.

 

이렇게 약속된 단어들은 '약속어(Reserved Words)'라고도 불니다.

 

alert라는 이름의 함수는 이미 존재하므로, 내 마음대로 alert라는 이름의 함수를 또 만들면 안 됩니다.

 

약속어로 지정된 단어는 이미 사용중이기때문에, 코딩할 때 함부로 사용할 수 없다는 점만 기억해둡시다.

 

자바스크립트에 약속어는 이 둘 뿐만 아니라 수 없이 많이 있습니다.

 

우리는 앞으로 자바스크립트의 수많은 약속어들을 차차 배우게 될 겁니다.