728x90
반응형

전체 글 105

Salesforce LWC 객체,JSON ,변환,객체배열정렬

1. 객체(Object) - 여러 속성을 하나의 변수에 저장할 수 있게하는 데이터타입. - Key / Value 쌍으로 구성 - 객체 생성 및 속성추가 1-1) 객체 생성 후 속성 추가 1-2) 객체 생성 및 속성 추가(동시) 2-1) 객체 속성 삭제(delete) 3-1) 객체 접근 - 객체.속성 - 객체[속성] 방법으로 접근 가능 2. JSON(JavaScript Object Notation) - "자바스크립트 객체를 표현하는 방법"이며, 자바스크립트의 객체를 텍스트 데이터 형태로 표기하는 표준 방법 - 대부분의 개발언어에서 지원하는 사실상의 산업 표준 데이터 표현 방법 - "키" : "값" 으로 표현 2-1) JSON -> 객체 (JSON.parse) - JSON.parse로 객체형태로 변경 - 키..

Salesforce 2024.04.02

Salesforce LWC Life-Cycle(생명주기)

※ 컴포넌트의 전역스코프에서의 생명주기 1. Constructor - 부모 -> 자식으로 실행 - 하위요소가 아직 존재하지 않음 - 컴포넌트가 생성되고 DOM에 삽입되기 전 실행 - isConnected로 확인가능 2. connectedCallback - 부모 -> 자식으로 실행 - 하위요소가 아직 존재하지 않음 - 컴포넌트가 DOM에 삽입될 때 실행(HTML이 생성되기 이전) - 이 단계에서 @api로 장식된 property가 상위 구성요소로부터 수신된다. - 데이터 가져오기 , 캐시 설정 , 이벤트 수신 등의 초기화작업 수행 - 메시지 채널 구독 및 취소 3. render - 부모 -> 자식으로 실행 - 기술적으로 수명주기후크는 아님 - 특정 조건이나 기준에 따라 템플릿을 조건부로 렌더링하여 렌더링 ..

Salesforce 2024.04.02

Salesforce LWC iterator(반복자) , for:each

0. for:each와는 다른 iterator 반복자 iterator를 사용하여 목록의 첫 번째 및 마지막 요소에 특수 렌더링 적용: 목록의 첫 번째 및 마지막 요소에 특수 스타일 또는 렌더링을 적용하려면 for:each 대신 iterator를 사용하세요. Iterator에는 first와 last라는 두 가지 속성이 더 있습니다. 예를 들어, 아래 예에서는 첫 번째 행과 마지막 행에 굵은 스타일을 적용하고 있습니다.

Salesforce 2023.12.04

Salesforce ApexClass @AuraEnabled(cacheable=true) , @wire

1. @AuraEnabled - ApexClass의 method를 Component에서 호출가능하게 해준다. 2. (cacheable = true) - 메서드 결과를 cache에 저장(?)한다. - 동일한 레코드에 대한 다수의 요청이 있을 때 서버에 다시 쿼리를 보내지 않고 캐시된 결과를 사용할 수 있다. 이렇게 서버 캐싱을 활용하면 네트워크 비용을 최소화하고 더 나은 성능을 얻을 수 있다 3. TMI import { LightningElement , wire} from 'lwc'; import findAccList from '@salesforce/apex/AccController.findAccList'; export default class BindImperativewithParam extends Li..

Salesforce 2023.11.30

Salesforce LWC Use Components in Salesforce Targets (meta.xml , Flow , ScreenAction ,headerlessAction)

0. .js-meta.xml 파일은 Lightning 앱 빌더에서 사용하기 위한 구성 요소의 디자인 구성을 포함하여 구성 요소의 메타데이터 값을 정의합니다. 1. 특정 object에만 Expose하기 - : true / false로 해당 컴포넌트를 어플리케이션에서 사용여부를 결정한다. - : LWC가 어떤 Lightning 페이지 유형에 사용될 수 있는지를 지정한다. - : 특정 페이지에 대한 추가 설정을 지정한다. 로 RecordPage를 지정하고, 하단 Objects에서 Contact와 Opportunity를 지정해 해당 객체에서만 사용 가능하도록한다. 2. LWC for Flow - targetConfig를 lightning__FlowScreen으로 잡아 Screen Flow에서도 사용가능하다. -..

Salesforce 2023.11.30

Salesforce LWC Wire Adapters & Functions

1. getRecord , fetFieldValue from uiRecordApi (Property) - getRecord , getFieldValue를 uiRecordApi로 부터 import한다 - ACCOUNT_NAME_FIELD 를 import한다(schema/ACcount.Name) - @wire를 사용하여 recordId와 fields를 record로 정의한다 - getter 메서드로 name을 정의하여 화면에 표시한다. 2. getRecord from uiRecordApi (function) - @wire function 방식으로 data 받아오기 참조 : https://www.youtube.com/watch?v=Do0DrodcgjU&list=PLaGX-30v1lh2R0DmV94hqMtPSp..

Salesforce 2023.11.30

Salesforce LWC Communicate With Events in LWC(Child-Parent , diaptch,newCustomEvent)

0. Lightning 웹 구성 요소는 아래 두 가지 방법을 사용하여 상위에서 하위로 세부 정보를 전달할 수 있습니다. - public method - public properties 1. Parent to Child using API - @api 선언시 부모-자식 관계가 선언된다. - 부모 컴포넌트에서 값을 정하고 자식 컴포넌트에서 해당값을 사용가능하다. - 자식의 js에서 @api를 선언해 부모의 값을 사용한다. - 부모 컴포넌트에서는 형태로 사용한다. 2. Parent to Child using function - function 사용시, 자식이 @api선언해둔 method를 부모측에서 사용 가능하다. - this.template.querySelector('c-자식html명').자식의method명(..

Salesforce 2023.11.28
728x90
반응형