Jerry

Refs를 사용하여 DOM 요소 쿼리(조회)하기 Query DOM Elements with Refs What Shadow DOM과 light DOM에서 refs를 활용하여 임의 요소에 접근할 수 있다. Refs를 추가하고 싶은 요소에 두거나 selector 없이 사용이 가능하다. 이전까지 특정 DOM 요소에 접근하기 위해 querySelector를 사용해야만 했다. Where Refs는 Lightning Experience, Salesforce Classic, all versions of the mobile app in all editions 사용 가능 How 1. lwc:ref 명령어를 원하는 요소에 추가하고 값을 할당 2. this.refs. 를 이용해 호출한다. export default class..

Orders for Requirements 1. Add checked status to checkbox according to specific condition. 2. Add visibility css to checked checkbox using custom style. HTML JavaScript import { LightningElement } from 'lwc'; const columns = [ { label: 'Opportunity name', fieldName: 'OpportunityName', type: 'text', cellAttributes: { class: 'slds-checkbox_faux.flag flag', }, }, { label: 'Confidence', fieldName: '..

lwc에서 자주 만나는 태그 중인 하나인 template 태그에 대해서 간략히 정리해보려고 합니다. 템플릿 태그는 루트 태그가 있는 유효한 HTML입니다. 컴포넌트가 렌더 될 때, 이 템플릿 태그는 식 같은 컴포넌트명으로 바뀝니다. 예를 들어, 템플릿 태그를 가진 myComponent.html 컴포넌트는 로 렌더됩니다. 여기서, c는 기본 네임스페이스 속성입니다. 템플릿 태그로 활용할 수 있는 몇 가지 방법이 있습니다. 먼저, if:true|false={property} 지시어를 이용하여 데이터를 바인딩하거나 제거할 수 있으며 These are the details! DOM 요소에 삽입할 수 있습니다. (DOM 조작) // helloConditionalRendering.js import { Lightni..