참고: https://developer.salesforce.com/docs/platform/lwc/guide/reference-lifecycle-hooks.html
Lifecycle Hooks | Lightning Web Components Developer Guide | Salesforce Developers
Lifecycle Hooks A lifecycle hook is a callback method triggered at a specific phase of a component instance’s lifecycle. constructor() Called when the component is created. This hook flows from parent to child, which means that it fires in the parent f
developer.salesforce.com
LWC Lifecycle Callback Functions
1) constructor()
-component 인스턴스가 생성되었을 때 호출됨
-무조건 맨 첫 줄에서 super()를 호출해줘야함(파라미터 없는 부모 생성자 호출, this에 대한 프로토타입 체인, 값 등 세팅)
-하위 element가 아직 생성되지 않았기 때문에 접근 및 수정 불가
-document.write(), document.open() 등 사용 불가
-host element에 attribute를 추가할 수는 있지만 connectedCallback()에서 하는 것을 추천
2) connectedCallback()
-Component가 DOM에 삽입되었을 때 호출됨
-주로 data를 fetch 받거나 event 리스너 세팅 등 초기화 작업 실행
-컴포넌트 하위 element들이 아직 존재하지 않기 때문에 접근 불가
-Parent -> Child
3) renderedCallback()
-컴포넌트가 랜더링될 때 마다 호출됨
-Child -> Parent
4) disconnectedCallback()
-Parent -> Child
생성될 때 Callback method 호출 순서:
Constructer() -> connectedCallback() -> renderedCallback()
'세일즈포스' 카테고리의 다른 글
| 세일즈포스 실습 2(Lightning Component, Quick Action, Apex) (1) | 2023.10.27 |
|---|---|
| Salesforce 실습해보기 1(Lightning Component/Aura) (0) | 2023.10.18 |
