[01] Javascript 소스 코드 작성 및 Aptana Studio에서 실행

[Aptana Studio 프로젝트 작성 및 기본 프로그램 실행]

Aptana Studio의 설치를 마쳤다면 이제 본격적으로 JavaScript 간단한 프로그램을 작성해 보겠습니다.

그리고 실행까지 해 볼께요.

1. Aptana Studio를 선택해서 실행하면 앞으로 여러가지 작업을 해서 파일이 저장될텐데 어디에 저장할거야? 물어봅니다. 컴퓨터의 파일 저장 위치를 지정해야 합니다. 바꾸고 싶지 않으면 기본 위치를 지정하면 됩니다.

  저는 기본 위치를 선택했습니다.

2. 무언가를 하기 위해 프로그램을 작성하기 위해서 Aptana Studio에서는 프로젝트(내가 할 작업들의 모음)를 추가합니다.

  [File]-[New]-[Web Project]를 선택합니다.

3. 아래와 같은 원도우(창)이 뜨면 새로운 웹 프로젝트(New Web Project)의 형태를 선택해 달라고 합니다.

Default Project(기본 프로젝트)를 선택합니다. 

다시 말하면 아무런 추가 사항이 없는 빈 프로젝트라고 생각하면 됩니다. 

여러가지 추가 사항이 있으면 저희같은 왕초보는 너무 공부해야 할 것이 많기 때문에 기본 프로젝트로 아무것도 없는 상태에서 하나씩 배워갈께요.

4. 자 이제 프로젝트 이름을 지정해야 합니다.

프로젝트는 뭐냐? 여러분이 앞으로 작업해야 프로그램들의 그룹을 부를 때, 이름을 짓는 것이라 생각하면 될 것 같습니다. 학교에서 방학이 시작되면 방학 숙제를 하죠. 그리고 방학에 해야 할 일들이 많이 있습니다. 

자 그럼 방학이 시작되면 이 모든 것을 하기 위해 방학 프로젝트라고 과제들을 하면 되겠네요. 그 안에 여러가지 하고싶은 일 또는 과제(프로그램들)가 있죠.

5. 저는 여기서 프로젝트 이름을 'Example01'로 이름을 넣었습니다.

6. 자 그럼 이제 프로그램을 작성해야 해요. 

하나의 프로그램(파일)을 작성하기 위해 기본 파일을 추가해야 합니다. 

[Example01 프로젝트 선택] - [New From Template]-[HTML]-[Blank File] 선택

New From Template : 여러가지 형태로부터 새로운 것을 선택하는 메뉴

HTML : 네이버나 구글등에서 접속을 하면 여러가지 페이지에 접속할 수 있죠. 이 많은 페이지들이 HTML파일로 작성됩니다.

Blank File : 비어 있는 파일을 추가합니다. 파일이 추가되면 아무것도 작성되어 있지 않아요. 제로부터 시작하야죠.^^

7. 자 이제 내가 작성할 프로그램(파일)이름을 작성해 볼께요.

  자바스크립트는 기본적으로 HTML 파일내에 삽입해서 작성할 수가 있습니다. 그래서 우리는 파일의 이름의 확장명(.뒤에 붙은 이름) HTML이라 붙입니다. 이는 html 파일을 작성하겠다는 의미죠.

8. 다음과 같이 'ex01_01.html' 파일을 추가하고 아래 내용을 작성해 볼께요.

  파일이 추가되면 빈 공백위에 아래 내용를 넣고 저장하면 됩니다.

9. 자 이제 그럼 웹 페이지 상으로 위의 내용이 실행되면 어떻게 보이는지 확인해 볼께요.

  [ex01_01.html] 마우스 버튼 오른쪽 클릭 - [Run As] 선택 - [JavaScript Web Application] 선택

10. 짜안~~~ 여러분이 작성한 내용에 대한 결과가 웹 상에 보이네요.

    우리가 위에서 작성한 프로그램은 웹 페이지에 '자바스크립트시작'을 문자를 써 주세요. 라는 기능의 프로그램입니다. 음, 그럼 이제 Javascript 프로그램의 첫 걸음을 옮기셨네요. 축하드려요.

자 그렇게 어렵죠. 않죠. 자 이제 시작입니다. 

오늘도 여러분에게 신나고 재미난 일들이 생깁니다.^^

자, 그럼 다음시간에 만나요~~