프로그래밍 첫 시간은 대개 Hello World! 시간입니다. 아시는 분은 아시겠지만 프로그래밍 과정 첫 시간에 "Hello World!"라는 메시지를 화면에 출력하는 실습을 하게 됩니다.
우리도 그와 유사하게 "Welcome to ITmembers.net"이라는 문자열을 출력하는 실습을 하겠습니다.
다 아니까 그냥 넘어가자구요? 안 됩니다.
왜냐하면, 우선 단 한줄이라도 스스로 입력해보아야 할 것이며,
다음으로 이 한 줄을 통해서 개체(Object)와 메소드(Method)의 개념을 설명해야하기 때문입니다.
일단 아래 스크립트를 실행해 보세요.
1: <SCRIPT LANGUAGE="javascript">
2: document.write("<FONT COLOR='BLUE'>Welcome to ITmembers.net</FONT>")
3: </SCRIPT>
어떻게 실행하느냐구요?
쉽습니다. 그냥 메모장이나 아니면 전문 에디터 프로그램(울트라에디트, 에디트플러스 등)에서 위와 같이 입력하고 확장자를 .htm이나 .html로 저장한 다음 실행하면 됩니다.(행번호 입력 안하시는 거 아시죠?
먼저 첫째줄부터 보죠.
<SCRIPT LANGUAGE="javascript">
HTML 파일 내에서 자바 스크립트를 사용하겠다는 뜻입니다. HTML 코드를 보여주는 프로그램을 웹브라우저라고 하죠. 웹 브라우저에게 지금부터 나오는 문장은 자바 스크립트 문장이라고 미리 알려주는 역할을 합니다.
document.write("<FONT COLOR='BLUE'>Welcome to ITmembers.net</FONT>")
여기서 document는 현재의 문서를 의미하는 '개체'입니다. write는 document 개체의 '메소드'입니다.
영문 Object를 우리 말로 풀이할 때 개체 또는 객체라고 표현합니다. Object는 너무 포괄적이고 광범위한 단어라서 쉽게 설명하기가 힘이 듭니다. 제가 어설프게 설명하는 것보다는 객체지향에 대해 자세하게 설명한 글이 있으니 그 글을 참조하시기 바랍니다.(마이크로소프트웨어에 실린 객체지향관련 기사)
메소드(Method)는 개체의 실행 방법을 나타냅니다. 여기서는 'document' 개체가 어떤 글을 출력하도록('write')하고 있습니다.
만약 자바 스크립트가 한글 언어라면 아마도 이랬을 것입니다.
document.write( )→ 현재문서.출력( )
괄호 안의 <FONT COLOR='BLUE'>Welcome to ITmembers.net</FONT>의 뜻은 다 아시죠? 이건 설명 안합니다.
document.write 뒤의 괄호 안의 텍스트는 큰 따옴표(" ")로 둘러싸여 있습니다.
그런데 만약 큰 따옴표 안의 문장에서 또 큰 따옴표를 써야할 경우가 있으면 어떻게 할까요? 위의 예에서와 같이 작은 따옴표(' ')를 사용하면 됩니다.
원래 HTML 표준 문법대로라면 <FONT COLOR="BLUE">라고 써야 하겠지만, 위의 예에서는 <FONT COLOR='BLUE'>와 같이 작은 따옴표를 사용했습니다. 주의하세요.
</SCRIPT>
자바 스크립트 문장이 끝났음을 알려줍니다.
이제 정리합시다.
위에서 개체 또는 객체(Object)와 메소드라는 단어가 나왔습니다.
객체라는 말이 나오면 으례 객체 지향 프로그래밍이란 말이 따라 옵니다. 자바가 객체 지향 프로그래밍(Object Oriented Programming) 언어이니 이를 기초로 한 자바 스크립트도 객체 지향 프로그래밍 언어입니다.
그럼, 자바와 자바 스크립트의 차이는?
바로 자바 프로그램은 웹 브라우저와 상관없이 실행할 수 있지만 자바 스크립트는 웹 브라우저 내에서 실행되는 언어라는 점이 다릅니다. 또한 자바는 코딩한 다음 컴파일해서 바이너리 파일로 만들어 사용하는 반면 자바 스크립트는 텍스트 파일 그대로 사용합니다.
숙제 하나 내 드릴까요?
위의 예를 제대로 이해하셨다면 당연히 아래와 같은 결과를 자바 스크립트로 표현할 수 있겠죠?
