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 문서에..
마크업에 컴포넌트를 추가할 때 owner 컴포넌트의 property value를 기준으로 컴포넌트의 public property value를 초기화 할 수 있다. Data binding 동작은 LWC, Aura 개발 모델에서 다르다. Aura {# expression} (Unbound Expression) 값이 정적으로 유지됨 ex. {#v.messageText} ≫ 문자열 값이 변경되어도 변경 내용 반영 X String과 같은 Primitive는 value로 전달되고, 상위&하위 표현식에 대한 데이터 업데이트는 분리됨 Array나 Map과 같은 object는 reference에 의해 전달되므로 하위 데이터에 대한 변경 사항이 상위 항목으로 전파됨 하지만 상위의 change 핸들러는 알림 받지 X 하위 ..