웹 확장을 위한 핵심 라이브러리 모듈
이 문서에서는 웹 확장 내에서 사용할 수 있는 핵심 라이브러리 모듈 목록을 제공합니다. require('@adobe/{MODULE}')를 사용하여 이러한 모듈에 액세스할 수 있습니다. 여기서 {MODULE}은 핵심 모듈의 이름입니다.
reactor-object-assign
reactor-object-assign은 소스 객체의 속성을 대상 객체로 복사하여 기본 Object.assign 메서드를 모방합니다.
var objectAssign = require('@adobe/reactor-object-assign');
var all = objectAssign({ a: 'a' }, { b: 'b' });
reactor-cookie
reactor-cookie 객체는 쿠키를 읽고 쓰는 유틸리티입니다. 자세한 내용은 js-cookie npm 패키지를 참조하십시오.
var cookie = require('@adobe/reactor-cookie');
cookie.set('foo', 'bar');
console.log(cookie.get('foo'));
cookie.remove('foo');
reactor-document
reactor-document는 Document 객체를 나타냅니다. 이러한 기능은 inject-loader 등의 유틸리티를 사용하여 테스트 시 샘플 document 객체를 주입할 수 있으므로 모듈을 테스트할 때 유용할 수 있습니다 .
var document = require('@adobe/reactor-document');
console.log(document.location);
reactor-query-string
reactor-query-string은 쿼리 문자열의 구문 분석 및 직렬화를 위한 유틸리티입니다.
var queryString = require('@adobe/reactor-query-string');
var parsed = queryString.parse(location.search);
console.log(parsed.campaign);
var obj = {
campaign: 'Campaign A'
};
var stringified = queryString.stringify(obj);
이 유틸리티에는 다음과 같은 메서드가 있습니다.
queryString.parse({STRING}): 쿼리 문자열을 객체로 구문 분석합니다. 쿼리 문자열에서 선행?,#및&문자는 무시됩니다.queryString.stringify({OBJECT}): 객체를 쿼리 문자열로 문자열 변환합니다.
reactor-load-script
reactor-load-script는 URL이 지정된 경우 스크립트를 로드하는 함수입니다. 스크립트 태그가 생성되고 문서의 head 노드 내에 배치됩니다. 스크립트 로드 또는 성공 시점을 판단하기 위해 사용할 수 있는 약속이 반환됩니다.
var loadScript = require('@adobe/reactor-load-script');
var url = 'http://code.jquery.com/jquery-3.1.1.js';
loadScript(url).then(function() {
// Do something ...
})
reactor-promise
reactor-promise는 ECMAScript 6에서 Promise API 네이티브를 모방하는 생성자입니다. 네이티브 Promise API를 사용할 수 있으면, 대신 해당 API가 반환됩니다.
var Promise = require('@adobe/reactor-promise');
new Promise(function(resolve) {
resolve();
}, function(err) {
console.error(err);
});
reactor-window
reactor-window는 Window 객체를 나타냅니다. 이러한 기능은 inject-loader 등의 유틸리티를 사용하여 테스트 시 샘플 Window 객체를 주입할 수 있으므로 모듈을 테스트할 때 유용할 수 있습니다 .
var window = require('@adobe/reactor-window');
console.log(window.document);