Repository navigation
Classes
Jong Won Kim edited this page Nov 10, 2025
·
3 revisions
| Property | |||
|---|---|---|---|
| isLoaded | boolean |
readonly |
* Component load 여부 |
| root | root |
readonly |
* 현재 Component를 호출 한 Document 또는 Component 객체 |
| action | action |
readonly |
* EventListener에 할당 할 data-sce-action을 정의한 action
|
| allAction | action |
readonly |
* Component에서 사용할 모든 action
|
| css | string |
readonly |
* ShadowRoot에 적용 할 style을 정의한 css문자열 |
| el |
Component | ShadowRoot
|
readonly |
* html을 render하는 Component 또는 ShadowRoot 객체 |
| Method | ||||
|---|---|---|---|---|
| init | Promise<void> |
* Component가 할당 될 때 실행한다. |
||
| updateEvent | void |
* Component객체의 action에 정의한 이벤트들의 EventListener를 갱신한다. * removeEventListener -> addEventListener * EventListener를 갱신 후 실행할 callback 정의. |
||
| addEvent | void |
* Component객체의 action에 정의한 이벤트를 addEventListener에 적용할 시 실행할 callback. |
||
| removeEvent | void |
* Component객체의 action에 정의한 이벤트를 removeEventListener에 적용할 시 실행할 callback. |
||
| afterRender | void |
* rendering이후 실행 할 callback
|
||
| render |
string | void
|
* 화면에 render할 html 문자열을 반환한다. |
||
| destroy | void |
* Component가 제거될 때 혹은 state가 변경되어 다시 rendering을 하기 이전에 실행할 callback
|
||
| setState<T extends object> | State<T> |
* arg를 state로 갖는 State객체를 반환한다. |
||
| state | T |
require |
||
| getParams | URLSearchParams |
* 현재 페이지의 URLSearchParams객체를 반환한다. |
||
| connectedCallback | void |
* Component가 connected될 때 실행할 callback
|
||
| disconnectedCallback | void |
* Component가 disconnected될 때 실행할 callback
|
||
| adoptedCallback | void |
* Component가 새로운 document로 이동되었을 때 실행할 callback
|
||
| attributeChangedCallback | void |
* Component의 observedAttributes가 변경 될 때 실행할 callback
|
||
| target | string |
require |
||
| oldValue | string |
require |
||
| newValue | string |
require |
||
| updateAttribute | void |
* Component의 attributeChangedCallback가 실행 될 때 실행 할 callback
|
||
| target | string |
require |
||
| oldValue | string |
require |
||
| newValue | string |
require |
| Property | |||
|---|---|---|---|
| observedAttributes | string[] |
readonly |
* Component의 attributeChangedCallback를 실행하기 위해 추척할 attributes
|
| Method | ||||
|---|---|---|---|---|
| set | void |
* target을 수정한다. |
||
| arg0 |
T | keyof T
|
require |
||
| arg1 | T[keyof T] |
optional |
||
| get |
T | T[keyof T]
|
* target을 반환한다. |
||
| arg | keyof T |
optional |
| Property | |||
|---|---|---|---|
| interceptor | interceptor[] |
readonly |
* Component에 사용할 interceptor 배열 객체 |
| Method | ||||
|---|---|---|---|---|
| append | void |
* Component에 사용할 interceptor을 추가 한다. |
||
| interceptor |
interceptor | interceptor[]
|
require |
| Property | |||
|---|---|---|---|
| plugin | plugin[] |
readonly |
* Component에 사용할 plugin 배열 객체 |
| Method | ||||
|---|---|---|---|---|
| append | void |
* Component에 사용할 plugin을 추가 한다. |
||
| plugin |
plugin | plugin[]
|
require |
| Property | |||
|---|---|---|---|
| element | element[] |
readonly |
* customElement.define을 실행 시 사용할 element
|
| Method | ||||
|---|---|---|---|---|
| preHandle | void |
* customElement.define 이전에 실행할 callback
|
||
| postHandle | void |
* customElement.define 이후에 실행할 callback
|