이 문서에서는 JSDT 2.0을 기본 IDE로 사용하여 이클립스를 사용하는 최신 자바스크립트의 워크플로우 및 도구를 소개합니다. 이 문서에서 우리는 이클립스에서 AngularJS 플러그인을 설치하는 방법을 보았다. 우리는이 플러그인을 사용하여 간단한 각도JS 응용 프로그램을 만드는 방법에 대해 논의했다. 웹 페이지 편집기의 사용과 웹 페이지를 쉽고 직관적으로 구축하는 방법에 대해 설명했습니다. 또한 AngularJS 응용 프로그램에 컨트롤을 추가하는 방법도 살펴보기 했습니다. 자바스크립트를 외부 파일이나 HTML 페이지에 직접 넣을 수 있습니다. 자바 스크립트 코드를 HTML 페이지에 넣으면 헤더 또는 HTML 페이지의 본문에 넣을 수 있습니다. HTML 페이지에 포함된 자바스크립트는 태그로 둘러싸여야 합니다. 페이지가 로드되는 동안 본문의 자바스크립트가 실행됩니다. 헤더의 자바 스크립트는 HTML 본문의 다른 자바 스크립트 함수가 호출 할 때 실행됩니다. 이클립스를 열고 도움말 => 이클립스 마켓플레이스로 이동…

텍스트 찾기 상자에서 `AngularJS`를 입력하고 enter 를 누릅니다: 모든 주요 브라우저에는 자바스크립트용 컴파일러 또는 인터프리터가 포함되어 있습니다. 초기에 자바 스크립트는 주로 HTML 웹 페이지 내에서 사용되었다. 요즘, 자바 스크립트는 또한 Node.js와 같은 서버에서 사용된다. 이클립스는 플러그인을 설치하기 시작합니다. 이클립스는 아래와 같이 당신에게 보안 경고 팝업을 표시합니다. 확인을 클릭합니다. 자바 스크립트 6 개요 – Part1 자바 스크립트 6 개요 – Part2 이클립스는 이클립스 기본 웹 브라우저에서 파일을 엽니 다. 이름 텍스트 상자에 무언가를 입력하기 시작하면 레이블도 그에 따라 수정되는 것을 볼 수 있습니다.

JSDT 2.0, 네온.2 릴리스에서: 자바 스크립트에 대 한 자바 기반 구문 분석 인프라 클로저 컴파일러 (구글)를 사용 하 여 ES6를 지원 합니다. 이 섹션에서는 AngularJS에 대한 몇 가지 컨트롤을 추가하는 방법을 살펴보겠습니다. 코드 주플은 AngularJS에서 가져온 것입니다. 다른 프레임워크와 달리 접근자 메서드에서 모델을 래핑하기 위해 독점 형식에서 상속할 필요가 없습니다. AngularJS 모델은 일반 오래된 자바 스크립트 개체입니다. 이렇게 하면 코드를 쉽게 테스트, 유지 관리, 재사용 및 상용구에서 다시 사용할 수 있습니다. 자바 스크립트는 키워드없이 변수를 선언 할 수 있습니다. 이렇게 하면 전역 변수가 생성되어 버그를 결정하기 어려울 수 있습니다. 당신은 그들을 피해야한다. 또한 var 키워드는 변수를 정의할 수 있지만 변수를 다시 선언할 수 있으므로 버그가 발생할 수도 있습니다.

let 키워드는 변수가 한 번만 선언되도록 적용하여 이를 방지합니다. const 키워드를 사용하면 변수를 다시 할당할 수 없습니다. 그렇다고 해서 변수가 변경할 수 없다는 의미는 아니라 참조가 변경할 수 없다는 의미입니다. 저작권 © 2012-2019 vogella GmbH. 소프트웨어 예제의 무료 사용은 이클립스 공공 라이센스 2.0의 조건에 따라 부여됩니다. 이 튜토리얼은 크리에이티브 커먼즈 저작자 표시-비상업적-공유3.0 독일 라이선스에 따라 게시됩니다.