Jerry

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..