본문 바로가기

Programming/JavaScript

스크립트 언어의 사용법....

내가 맨처음 공부했던 스크립트 언어는 Python이었다. c,c++,java등만 써봤던 당시에 스크립트 언어를 쓰면 c로 몇천줄 짜야 하는 코드를 몇백에서 몇십줄만 짜면 된다, 따로 컴파일러가 필요없어서 컴퓨터가 있는 아무데서나 간단하게 코드를 짜보고 실행 시켜 볼 수 있다 등등 일반 언어만 익혀왔던 내게는 전부 좋은 소리로만 들려서 스크립트 언어를 공부 해야 겠다는 생각이 들었다. 그래서 고민했던게 파이썬과 자바스크립트 였는데 당시에는 파이썬에 더 끌렸어서 파이썬 완벽 가이드 라는 책을 구입하여 공부했었다. 

그런데 이 책을 처음 공부 할 때 당황 스러웠던게 코드를 어디에 작성하고 실행 시켜서 테스트 해봐야 하는 지 등에 대한 과정이 없었다는 점이다. 지금 생각해보면 정말 간단한 것이었는데 그 당시는 파이썬을 다운받아서 설치 해놓고도 막막했다........ 

자바스크립트를 공부하다보니 그 당시 막막했던 기억이 떠올라서 포스트를 남기게 되었다. 

 

 

우선 네이버 지식백과의 자바스크립트 관련 내용을 인용하자면....

 

[선마이크로시스템스와 넷스케이프 사가 개발한 스크립트 언어. 자바를 응용하여 사용하기 쉽게 만든 자바스크립트는 표준 HTML 문서에 사용되어 인터랙티브 웹페이지를 만들 수 있게 한다.
현재 자바스크립트는 웹상의 인터랙티브한 양식을 만드는 데 많이 사용되고 있다. 
HTML 문서를 작성하는 수준의 사용자가 사용하는 것을 주안점으로 하여 자바의 언어 사양으로부터 변수의 형을 생략하거나 새로운 클래스 정의를 할 수 없도록 하였다.]

 

라고 한다. 

 

JavaScript 는 파이썬보다 더 간단하게도 기본적으로 컴퓨터에 브라우져(Internet Explorer, FireFox, Netscape, Opera, Chrome)가 설치 되어 있다면 따로 다운받거나 설치 해야 할 것이 없는 브라우져 종속적 명령어 이다. 그리고 보통은 HTML 문서에 포함되어 사용 된다.(Script 언어 자체가 특정 프로그램 종속적인 명령어이고 컴파일과정도 필요 없다. 따로 스크립트 언어를 배워보지 않은 사람도 엘더스크롤 같은 modding이 가능한 게임을 해보고 mode를 직접 만들어 보았다면 스크립트 언어의 특성을 조금은 알 것이다.)


또 다른 언어들 처럼 메모장이나 PsPad, 에디트 플러스 등의 텍스트 에디터만 있으면 그것에 코딩을 하면 된다. 그런 뒤 저장할 때 확장자를 .js로 하고 html 문서에서 이를 불러와서 사용 하거나 아예 처음부터 html 문서 내부에 포함 시킬 생각이면 .html 또는 .htm으로 저장 되는 html 문서를 작성하여 html 문 내부에 JavaScript 코드를 그대로 옮겨 넣으면 된다.(html은 head와 body로 구성되며, head는 화면에 보이지 않는 공통 부분이나 속성부분의 정의, body는 브라우져 화면에 보여지는 부분을 정의 한다.)

그럼 간단하게 모든 코드의 가장 기본인 Hello World를 출력해보자면.....

1. html만 써서 출력하기
<html>
    <head>
       <!-- 브라우저의 맨 위에 보이는 타이틀-->
        <title>Hello World 예제</title>  
    </head>
    <body>
        Hello World!!
    </body>
</html>


2. 자바 스크립트를 이용하여 출력하기.
<html>
    <head>
      <!-- 브라우저의 맨 위에 보이는 타이틀-->
        <title> Hello World 예제 with JavaScript </title>
    </head>
   <body>
       <script language='javascript'>
        document.write('Hello World!!');
       </script>
    </body>
</html>