Salesforce Flow의 Screen Width 값 Custom하기 1. aura 파일에 컴포넌트 번들 생성하기 (auradoc, cmp, meta.xml) 2. css는 번들 밖에 생성한다 (번들 내부에 생성할 경우 .THIS로 시작해야 하는데, 그러면 static resource 적용 안됨!) 3. (아래 출처 내용 완료한 후) Object manager - 해당 Object의 Bunttons, Links, and Actions - 생성한 Custom Action - Height 수정 가능 ※ 출처 1) https://forcepanda.wordpress.com/2019/01/24/how-to-increase-the-width-of-quick-action-modal-popup/ How to in..
LWC에서 서버 에러 처리하기 LDS wire 어댑터, LDS function, Apex 호출에 의해 발생하는 오류에는 특정 구조가 있음 오류에 대한 정보를 가져오려면 JS 코드로 오류 응답을 처리 그 후 오류 내용을 사용자에게 표시할 수 있음 예시) error.html : 사용자에게 에러 표시하기 {errors} JS에서 서버 오류 처리하는 방법 JS에서 서버 오류를 처리하는 방법은 Salesforce 데이터의 상호작용 방법에 따라 달라짐 wired properties wired functions imperative function calls Wired Properties 프로퍼티에 @wire데코레이터를 사용하면 에러는 error 속성 프로퍼티에서 액세스 O LDS wire adapter 또는 Apex..
LWC에서 Apex 메소드 사용하기 LWC에서 사용되는 Apex 메소드는 static, public, global이어야 하며, 메소드 정의 전에 @AuraEnabled 주석을 달아야 한다. @AuraEnabled(cacheable=true) 프레임워크에서 데이터를 캐시 할 수 있도록 하면 반복적인 서버 호출이 제거되어 향후 읽기 작업이 더 빠르게 실행됨. @AuraEnabled 주석에서 cacheable=true로 설정하여 메소드를 캐시 기능으로 표시. @AuraEnabled 메소드가 cacheable=true인 경우 DML 작업은 허용되지 않음. 예시) BingoController.cls public with sharing class BingoController { @AuraEnabled(cacheab..
목차 LWC 생성하기 LWC 배포하기 LWC 생성하기 LifeCycle Lightning Web Components는 컴포넌트의 Lifecycle에서 중요 이벤트까지 코드를 잠글 수 있는 방법 제공 이벤트에 포함되는 컴포넌트 : Created Added to the DOM Rendered in the browser Encountering errors Removed from the DOM Callback 메소드를 사용해 이러한 Lifecycle 이벤트에 응답 Ex. connectedCallback( )은 컴포넌트가 DOM*에 삽입될 때 호출됨 disconnectedCallback( )은 컴포넌트가 DOM에서 제거될 때 호출됨 ※ DOM(Document Object Model) : XML이나 HTML 문서에..
Controller & Helper Controller Component에 직접적. 이벤트에 응답, 제어 흐름 수행, Helper에게 비즈니스 로직 위임 Helper Component간 공통적으로 활용되는 비즈니스 로직 영역. 공유 코드를 포함하도록 설계됨 ≫ Renderer, Controller, 여러 Controller 함수에서 코드 공유 O 상속을 통해 연결된 component간에 Helper 코드 공유 O 예시 두 개의 Account component (Account.cmp)를 표시하는 Account List가 있다고 가정하기 Account List는 시각적으로는 첫 번째 그림과 같지만, 실제로 실행하는 동안에는 두 번째 그림과 같다! 각 Account Component 컴포넌트(번들)은 마크업으..
Handling Component Events Component event는 이벤트를 발생시킨 component, 또는 이벤트를 수신하는 Containment hierarchy에 의해 처리될 수 있음 Syntax Note ˙ 에 있는 name attribute는 이벤트를 발생시키는 컴포넌트의 태그에 있는 name attribute와 같아야 함 ˙ 의 action attribute는 이벤트를 처리할 client측 컨트롤러 동작을 설정 ˙ event attribute : 처리중인 이벤트를 지정 ( format ☞ namespace:eventName ) ˙ 이벤트가 발생하면, handleComponentEvent client측 컨트롤러 action이 호출됨 Event Handling Phases Compone..
Aura.Component[ ] type이 "Aura.Component[]"인 이해하기 "Aura.Component[]"의 default value를 설정하기 위해, 의 body에 default markup 지정 aurafacet.cmp Aura Component[] default value facet attribute (MarkupDetail)가 컴포넌트에서 설정되지 않은 경우 default markup이 적용됨 사용 예시 AuraComAttApp.app AuraComAtt.cmp US India {!v.RegionName} Countries List {!v.CountryList} AuraComAttUse {!country} {!country} ↓ Output 정리 Aura.Component[] 타입의..
lightning:overlayLib : 컴포넌트에서 모달 및 팝오버를 열고 닫을 때 사용할 수 있는 메소드에 대한 액세스 제공 Modal & Popover : 현재 앱 창에 메세지를 표시하는 오버레이 Modal - 앱의 전경에 다이얼로그를 표시해 사용자의 워크플로우를 중단하고 메세지의 주의를 끔 Popover - 참조 요소에 마우스를 놓으면 관련 정보가 표시됨, 버튼 클릭과 같은 상호 작용으로도 Popover 열 수 O Modal/Popover를 트리거하는 컴포넌트에 태그 포함하기 aura:id = 고유한 로컬 ID 하나의 컴포넌트에 하나의 태그만 있으면 여러 메세지 열 수 O Modal/Popover를 닫는 컴포넌트에도 태그 달기!! Displaying Modals 버튼을 클릭해 modal을 여는 컴..