N스크린하이브리드앱과정/JAVASCRIPT

[2주][5일][5~7th]자바스크립트(javascript) 시작하기 (이클립스에서)

광천스러움 2013. 7. 26. 15:49

오늘은 자바스크립트를 이클립스에서 시작하는 날이다.

이클립스를 정상적으로 실행하기 위해 몇가지 설정이 필요하다.

 

1. 새로운 폴더 "workspace_jsp"를 만들고, 이클립스를 실행한다.

    File - Switch Workspace - Other를 클릭하면 다음과 같은 창이 뜬다.

방금 만든 새로운 폴더로 경로 지정 후 확인을 누른다.

 

2. Window - preferences에 들어간다.

   (1) 아래의 경로에서 other에서 UTF-8을 선택

 

   (2) 아래의 경로에서 "Show line numbers"를 누른다.

        맨 밑에 하이퍼링크된 Colors and Fonts를 클릭한다.

 

   (3) Text Font를 더블클릭한다.

 

   (4) 글꼴에서 원하는 설정을 한다.

 

   (5) 설정이 끝나면, 자바스크립트를 작성하기 위해

        왼쪽 창 - 오른쪽마우스 - 아래 그림 순서로 따라간다.

   (6) 새로운 프로젝트 창이 뜨는데, javascript.html의 이름으로 프로젝트를 만든다.

        (이 부분은 그림이 없음)

 

   (7) 프로젝트가 생기면, WebContent 폴더에서 오른쪽마우스 - new - html File을 누른다.

 

   (8) New HTML File 창이 뜬다. 아래 그림처럼 하고 확인을 누른다.

 

   (9) 아래 그림처럼 하고 확인을 누른다.

 

   (10) test1.html파일이 생성되었다.

 

   (11) 컴파일을 하려면, ctrl+F11을 누르면 아래와 같은 창이 뜬다.

 

   (12) J2EE 부분을 클릭하고 피니쉬를 누르면 실행된다.

          아니면 HTML파일의 경로로 들어가 직접 실행시켜도 된다.

s(ㅇ_ㅇ)/   끝났도다~

 

모르는게 있으면 물어보시라~