메인 컨텐츠로 가기

developerWorks 이용 약관에 동의하시는 경우 제출을 클릭하십시오. 이용 약관 보기.

developerWorks에 처음 로그인하면 developerWorks프로파일이 생성됩니다.귀하의 프로파일에서 동의하신 내용이 공개되지만 이 사항은 언제든지 변경 가능합니다. 귀하의 성명(숨김으로 체크되어 있어도 표시됩니다)과 디스플레이 이름은 게시한 컨텐츠나 사이트 엑세스시 표시됩니다.

모든 정보가 안전하게 전송되었습니다.

  • 닫기 [x]

처음 developerWorks에 로그인할 때 프로파일이 작성되므로, 이를 위해 디스플레이 이름을 선택해야 합니다. 선택하신 디스플레이 이름은 developerWorks에 게시한 컨텐츠에 표시됩니다.

3글자 이상 31글자 이하의 길이로 사용 가능합니다. dW커뮤니티 내에서는 보안상 이메일주소를 제외한 다른 이름을 지정하셔야 합니다.

developerWorks 이용 약관에 동의하시는 경우 제출을 클릭하십시오. 이용 약관 보기.

모든 정보가 안전하게 전송되었습니다.

  • 닫기 [x]

JSEclipse로 자바스크립트 애플리케이션 작성하기 (한글)

유용한 도구를 배워가며 진화하는 창조물 만들기

Nicholas Chase, Freelance writer
Nicholas Chase 的照片
No bio.

요약:  JSEclipse를 사용하여 현재 자바스크립트 프로그래머들은 자바스크립트 개발을 도와주는 많은 중요한 기능을 제공하는 자신만의 이클립스 플러그인을 사용하고 있습니다. Java™ 언어뿐만 아니라 근래에는 다른 언어도 지원하는 이클립스와 동일한 편안함을 JSEclipse도 제공할 것입니다. 여러분의 페이지에서 계속 진화하는 "생명체"를 만들어가면서 이 도구의 사용법을 익히기 바랍니다.

원문 게재일:  2008 년 2 월 26 일

페이지뷰: 7283 회
의견: 

시작하기 전에

본 튜토리얼은 자신의 삶을 보다 편하게 살고자 하는 자바스크립트 개발자들을 위한 것이다. 여기서는 이클립스 플러그인, JSEclipse 도구를 살펴볼 것이며 이것이 제공하는 코드 완성, 템플릿 같은 기능을 살펴볼 것이다. 또한 정말 좋은 디버깅 기능을 제공하는 파이어버그(Firebug)도 다룬다. 본 튜토리얼은 여러분이 자바스크립트 프로그래밍에 대해 충분한 개념이 있다고 가정하겠다. 만약 막히는 부분이 있다면, 참고자료 부분에서 좋은 입문 문서들을 참조하길 바란다.

튜토리얼 소개

이클립스는 굉장한 프로그래밍 도구로 코드 완성, 편한 네비게이션, 디버깅 같은 기능들을 여러 언어의 프로그래머들에게 제공하고 있다. 그러나 지금까지 자바스크립트는 그 같은 지원을 받는 언어가 아니었다. 이제 자바스크립트 프로그래머들은 JSEclipse를 갖게 되었다. JSEclipse는 이클립스 플러그인으로 자바스크립트 애플리케이션들을 위해 위와 같은 다양한 기능을 제공한다.

본 튜토리얼에서 다음과 같은 것들을 배울 것이다.

  • JSEclipse 설치하기
  • JSEclipse 설정하기
  • JSEclipse 기능 사용하기
  • 내용을 웹 페이지에 새로운 동적으로 만들기
  • 자바스크립트 클래스를 사용해 진화하는 "생명체" 만들기
  • 계속 움직이는 개체 만들기

여러분은 JSEclipse를 사용하여 간단한 개체가 돌아다니면서 서로 번식해 진화하는 생명체를 만드는 시스템 개발에 도움을 받을 것이다.


시스템 요구사항

반드시 다음 소프트웨어들이 사용 가능해야 하며 설치되어 있어야 한다.

이클립스 V3.3.x
JSEclipse는 이클립스 최신판을 사용한다. 이전 버전에도 설치할 수는 있지만, 몇 가지 기능을 사용하지 못할 것이며 클래스들을 위치시키기 어려울 수 있다. 이클립스 다운로드에서 이용할 수 있는 이클립스 V3.3.2 코어 설치본에 JSEclipse를 바로 설치할 수 있다.
JSEclipse
튜토리얼에 있는 안내를 따라 JSEclipse를 업데이트 사이트를 통해 설치하거나 어도비 랩에서 직접 다운로드할 수 있다.
운영체제
위에서 언급한 것들이 실행할 수 있는 운영체제가 필요하다. 본 튜토리얼을 쓰면서 Microsoft® Windows®를 사용했지만, Mac OS X 또는 Linux® 역시 사용할 수 있다. 단, 파일들의 위치를 적절하게 조정하기 바란다.

110 | 다음

의견



static.content.url=http://www.ibm.com/developerworks/js/artrating/
SITE_ID=20
Zone=오픈 소스
ArticleID=290793
TutorialTitle=JSEclipse로 자바스크립트 애플리케이션 작성하기 (한글)
publish-date=02262008
author1-email=ibmquestions@nicholaschase.com
author1-email-cc=flanders@us.ibm.com

태그

Help
검색 필드를 사용하여 My developerWorks 내에서 해당 태그가 사용된 모든 종류의 컨텐츠를 검색하십시오.

태그를 더 많이 보거나 적게 보기 위해 슬라이더 막대를 사용하십시오.

인기 태그는 특정 컨텐츠 존(예를 들어, 자바, 리눅스, WebSphere)의 최고 인기 태그를 보여줍니다.

내 태그는 특정 컨텐츠 존(예를 들어, 자바, 리눅스, WebSphere)의 귀하의 태그를 보여줍니다.

검색 필드를 사용하여 My developerWorks 내에서 해당 태그가 사용된 모든 종류의 컨텐츠를 검색하십시오. 인기 태그는 특정 컨텐츠 존(예를 들어, 자바, 리눅스, WebSphere)의 최고 인기 태그를 보여줍니다. 내 태그는 특정 컨텐츠 존(예를 들어, 자바, 리눅스, WebSphere)의 귀하의 태그를 보여줍니다.