본문 바로가기
728x90

Component4

[세일즈포스] Bind Dynamic Variables in LWC (From Bolt) [bindinputText.html] Hello, {myvalue}! [bindinputText.js] import { LightningElement } from 'lwc'; export default class BindinputText extends LightningElement { myvalue = 'Salesforce ~~~'; handleChange(event){ this.myValue = event.target.value; } } [bindinputText.js-meta.xml] 58.0 true lightning__AppPage lightning__RecordPage lightning__HomePage https://www.youtube.com/watch?v=tS9-EtorYhQ&list=PL.. 2023. 10. 4.
[세일즈포스] LWC 오픈 소스 Introducing Lightning Web Components Open Source 웹 표준에서 탄생 지난 5년 동안 웹 표준에서는 주로 W3C / WHATWG 및 ECMAScript 기술 위원회( TC39 )에 의해 주도되어 ECMAScript 6 , 7 , 8 , 9 이상, 웹 구성 요소 , 사용자 정의 요소 , 템플릿 및 슬롯 , Shadow DOM 등 아래 그림과 같이 이는 웹 스택의 극적인 변화로 이어집니다. 프레임워크가 필요한 많은 기능이 이제 표준이 되었습니다. Lightning 웹 구성 요소는 최신 웹 스택을 기반으로 구축된 최신 프레임워크로 탄생했습니다. 다른 표준 중에서도 ECMAScript 6 이상에서 사용할 수 있는 사용자 정의 요소, 템플릿, 데코레이터, 모듈 및 기타 새로운 언어 구성을 활용합니다. Lightning 웹 구성 요소에는 세 가지 주요 부분이 있습니.. 2023. 10. 3.
[세일즈포스] 컴포넌트 폴터 Component Folder Component Folder To create a component, first create a folder that bundles your component’s files. The folder and its files must have the same name, including capitalization and underscores. myComponent ├──myComponent.html ├──myComponent.js ├──myComponent.js-meta.xml ├──myComponent.css └──myComponent.svg The folder and its files must follow these naming rules. Must begin with a lowercase letter .. 2023. 9. 26.
[세일즈포스] 라이트닝 컴포넌트? What is Lightning Web Component? LWC란? Salesforce Lightning Web Components (LWC)는 Salesforce 플랫폼에서 사용되는 웹 컴포넌트 프레임워크입니다. LWC는 모던 웹 개발 기술을 사용하여 Salesforce 애플리케이션을 구축하고 사용자 인터페이스를 개발하는 데 도움을 주는 도구입니다. 이를 기초 코딩 입문자가 이해할 수 있도록 간단하게 설명하겠습니다. 1. **컴포넌트 (Components):** LWC는 Salesforce 애플리케이션의 모든 부분을 작은 조각인 "컴포넌트"로 나눕니다. 컴포넌트는 화면에 표시되는 요소의 독립적인 부분으로, HTML, CSS 및 JavaScript로 구성됩니다. 예를 들어, 버튼, 양식 필드, 데이터 목록, 메뉴 등은 모두 컴포넌트로 구현할 수 있습니다. 2. **마크업.. 2023. 9. 19.
728x90

티스토리툴바