이 페이지에서는 썬더의 기본 함수들을 설명합니다.
Thunder.render()
DOM 요소 안에 특정 컴포넌트를 렌더링합니다.
// Syntax
Thunder.render(targetElement, componentName, options, callback);
// Example#1 - without options
Thunder.render('#target-element', 'product-list');
// Example#2 - with options
Thunder.render('#target-element', 'product-list', {
page: 1,
limit: 12
});
// Example#3 - with options & callback
Thunder.render('#target-element', 'product-list', {
page: 1,
limit: 12
}, function(err, detail) {
// ...
});
targetElement
: 컴포넌트를 렌더링할 대상입니다. DOM 셀렉터를 지원합니다.componentName
: 렌더링할 컴포넌트의 이름입니다.options
: 컴포넌트의 옵션입니다. 자세한 설명은 컴포넌트별 옵션을 참고해주세요.callback
: 컴포넌트의 렌더링이 끝난 이후 실행되는 콜백 함수입니다. 콜백 함수는 다음을 인자로 넘겨받습니다.
err
: 에러 발생시 전달되는 에러 객체입니다.detail
: 성공시 전달되는 렌더링 디테일입니다.
detail.context
: 렌더링에 사용된 정보들(context)입니다.Thunder.open()
특정 컴포넌트를 오버레이로 렌더링합니다.
// Syntax
Thunder.open(componentName, options, callback);
// Example#1 - without options
Thunder.open('product-list');
// Example#2 - with options
Thunder.open('product-list', {
page: 1,
limit: 12
});
// Example#3 - with options & callback
Thunder.open('product-list', {
page: 1,
limit: 12
}, function(err, detail) {
// ...
});
componentName
: 렌더링할 컴포넌트의 이름입니다.options
: 컴포넌트의 옵션입니다. 자세한 설명은 컴포넌트별 옵션을 참고해주세요.callback
: 컴포넌트의 렌더링이 끝난 이후 실행되는 콜백 함수입니다. 콜백 함수는 다음을 인자로 넘겨받습니다.
err
: 에러 발생시 전달되는 에러 객체입니다.detail
: 성공시 전달되는 렌더링 디테일입니다.
detail.context
: 렌더링에 사용된 정보들(context)입니다.