애플리케이션에서 JavaScript 모듈 생성 및 사용

  • 릴리스 버전: Washingtondc
  • 업데이트 날짜 2024년 02월 01일
  • 읽기3분

    • JavaScript 모듈로 재사용 가능한 코드 블록을 정의하여 코드베이스를 최적화합니다.

    시작하기 전에

    필요한 역할: admin

    이 태스크 정보

    JavaScript 모듈을 만드는 데 사용되는 구문에 대한 일반적인 내용은 MDN Web Docs 웹 사이트의 JavaScript 모듈 페이지를 참조하십시오. 애플리케이션에서 TypeScript를 사용하려면 을 참조하십시오 SDK와 함께 ServiceNow TypeScript 사용.

    프로시저

    1. 에서 시각적 스튜디오 코드범위가 지정된 응용 프로그램 디렉터리를 엽니다.
    2. src 디렉터리에서 재사용하려는 모듈 코드를 포함할 JavaScript 또는 TypeScript 파일을 만듭니다.
    3. 옵션: 글로벌 Glide API를 임포트하여 모듈에서 호출합니다. 
      import { gs } from '@servicenow/glide'
    4. 다시 사용할 코드를 내보냅니다.
      1. 모듈에서 export 문을 사용하여 내보낼 코드를 식별합니다.

        명명된 내보내기 또는 기본 내보내기를 사용할 수 있습니다. 명명된 내보내기는 변수, 상수, 함수 또는 클래스일 수 있지만 기본 내보내기는 함수 또는 클래스일 수 있습니다.

        다음 예제는 모듈에서 여러 기능(함수 및 변수)에 대한 명명된 내보내기를 추가하는 한 가지 방법입니다.
        export { myFunction, myVariable };
      2. 애플리케이션의 package.json 파일에서 다른 애플리케이션의 외부 모듈 및 스크립트에 대한 엔트리포인트를 선언하여 exports 필드를 사용하여 이 모듈에 액세스합니다.
        내보내기 필드에는 모든 하위 경로 키(".") 또는 기본 항목 이름 키가 포함되어야 합니다.

        이 예제에서 main.js 모듈은 수학 응용 프로그램의 패키지에서 내보내집니다.

        {
	"name": "math",
	"version": "1.0.0",
	"exports": {
		".": "./src/main.js"
	}
}
    5. 외부 스크립트 또는 다른 응용 프로그램의 모듈에서 모듈 코드를 사용하려면 모듈을 다른 응용 프로그램의 종속성으로 선언합니다.
      1. 다른 응용 프로그램의 package.json 파일을 엽니다.
      2. 종속성 필드를 사용하여 모듈의 애플리케이션을 종속성으로 추가합니다.

        이 예제에서 "math" 응용 프로그램의 모듈을 사용하기 위해 "test" 응용 프로그램은 이에 대한 종속성을 선언합니다.

        {
	"name": "test",
	"version": "1.0.0",
	"dependencies": {
		"math": "1.0.0"
	}
}
    6. 내보낸 모듈의 코드를 서버 측 스크립트 또는 기타 모듈에서 사용합니다.
      파일단계
      모듈
      1. src 디렉터리에서 JavaScript 모듈을 만들거나 엽니다.
      2. import 문을 사용하여 모듈 코드를 가져옵니다.
        다음 예제는 모듈에서 내보낸 기능을 가져올 수 있는 한 가지 방법입니다.
        import { feature } from "path/to/module";
      3. 이 모듈에서 모듈 코드를 호출하여 다시 사용합니다.
      서버 측 스크립트
      1. 인스턴스에서 비즈니스 규칙과 같은 스크립트 기록을 엽니다.
      2. require 문을 사용하여 모듈 코드를 가져옵니다.
        다음 예는 스크립트에서 내보낸 기능을 가져올 수 있는 한 가지 방법입니다.
        const { feature } = require("path/to/module");
      3. 이 스크립트에서 모듈 코드를 호출하여 다시 사용합니다.

    다음에 수행할 작업

    JavaScript 모듈에서 타사 라이브러리를 사용하거나 변경 사항을 빌드하여 인스턴스에 배포합니다. 자세한 내용은 애플리케이션에서 타사 라이브러리 사용 또는 SDK를 사용하여 응용 프로그램 빌드 및 배포Build and deploy an application with the ServiceNow SDK 문서를 참조하십시오.