728x90
반응형

Rendering 2

Salesforce LWC Communicate With Events in LWC(Child-Parent , diaptch,newCustomEvent)

0. Lightning 웹 구성 요소는 아래 두 가지 방법을 사용하여 상위에서 하위로 세부 정보를 전달할 수 있습니다. - public method - public properties 1. Parent to Child using API - @api 선언시 부모-자식 관계가 선언된다. - 부모 컴포넌트에서 값을 정하고 자식 컴포넌트에서 해당값을 사용가능하다. - 자식의 js에서 @api를 선언해 부모의 값을 사용한다. - 부모 컴포넌트에서는 형태로 사용한다. 2. Parent to Child using function - function 사용시, 자식이 @api선언해둔 method를 부모측에서 사용 가능하다. - this.template.querySelector('c-자식html명').자식의method명(..

Salesforce 2023.11.28

Salesforce LWC Data Binding & Rendering(xml설정,{변수},get,if:true,event.target)

0.Binding in LWC - 백엔드(JS)에서 프런트 엔드(HTML)로 데이터를 매핑하는 것을 LWC에서는 데이터 바인딩 이라고 합니다 . - LWC에서 데이터 바인딩에는 표현식사용 과 게터 속성 사용 2가지가 있습니다. 1. xml 파일 설정 - : true로 설정해야 org에서 표시됨 - : 주로 AppPage,HomePage,RecordPage 설정 - 이렇게 설정해야 org에서 lightning component 로 사용가능 2. lightning web component library 활용 - 정적으로 변수에 값을주어 화면에 표시 3. 동적 바인딩 - input에 입력되는 값을 onchange로 동적으로 바꾸어 화면에 표시 4. get Expression - get uppercaseName..

Salesforce 2023.11.28
728x90
반응형