분류 전체보기
-
[LWC] 실습 3) lightning-datatable에 lookup field 표시하기 - How to display lookup field in datatableLWC 2024. 9. 12. 13:11
실습 계획이번시간은 실습 3) custom lightning-datatable에 lookup field 표시하기 실습 1) lightning-datatable 생성하기실습 2) custom lightning-datatable에 picklist field 표시하기실습 3) custom lightning-datatable에 lookup field 표시하기실습 4) custom datatable에 lookup 필드와 picklist 필드 함께 표시하기실습 5) datatable 설정 Tip 및 issue 공유 0. 기본 Setup 및 개념기회제품 개체에 계정을 조회하는 필드 추가추가한 조회 필드 조회해 오도록 apex 컨트롤러에서 sql문 수정조회 필드를 보여주기 위한 lwc 컴포넌트 생성기본으..
-
[LWC] 실습 2) lightning-datatable에 picklist field 표시하기 - How to display picklist field in datatableLWC 2024. 9. 11. 10:17
실습 계획이번시간은 실습 2) custom lightning-datatable에 picklist field 표시하기 실습 1) lightning-datatable 생성하기실습 2) custom lightning-datatable에 picklist field 표시하기실습 3) custom lightning-datatable에 lookup field 표시하기실습 4) custom datatable에 lookup 필드와 picklist 필드 함께 표시하기실습 5) datatable 설정 Tip 및 issue 공유 0. 기본 Setup 및 개념기회제품 개체에 선택목록 필드 추가추가한 선택목록 필드 조회해 오도록 apex 컨트롤러에서 sql문 수정선택목록 필드를 보여주기 위한 lwc 컴포넌트 생성기본..
-
[LWC] 실습 1) lightning-datatable 생성하기LWC 2024. 9. 10. 16:34
실습 계획이번시간은 실습 1) lightning-datatable 생성하기 실습 1) lightning-datatable 생성하기기회레코드 관련목록에서 기회제품을 편집하는 데이터 테이블을 만들 것이다.실습 2) lightning-datatable에 picklist field 표시하기여러 개의 picklist field 표시하기실습 3) lightning-datatable에 lookup field 표시하기여러 개의 lookup field 표시하기실습 4) datatable에 lookup 필드와 picklist 필드 함께 표시하기실습 5) datatable 설정 Tip 및 issue 공유 0. 기본 Setup데이터테이블 표시할 LWC 컴포넌트 생성기회제품 개체의 버튼 및 링크 - [제품 편집] 버..
-
[LWC] 부모 자식 컴포넌트간 이벤트 통신하는 방법 - How to communicate events between parent and child componentsLWC 2024. 9. 10. 15:47
0. 예시상황자식 컴포넌트의 체크박스 항목에 대하여 체크 여부 값을 부모 컴포넌트로 전달부모 컴포넌트는 자식 컴포넌트로부터 전달받은 체크여부 값(True/False)에 맞춰 필요한 작업 진행부모 컴포넌트 = oppItemManagementEdit.cmp자식 컴포넌트 = childCmp.cmp 1. 자식 컴포넌트 - 체크박스 항목에 체크할 시 부모 컴포넌트로 값 전달체크박스 생성 체크박스 체크 여부 값 관리 체크 여부 값을 부모 컴포넌트로 전달 this.dispatchEvent(new CustomEvent()) 1-1 : 자식컴포넌트 - html 파일template> lightning-input style="width: 100%;" class="slds-popove..
-
[JS] - Array Method 정리 1탄JS 2024. 9. 10. 15:19
poppushunshiftshiftsplicesliceconcateverysomeforEachmapfilterreducereversesorttoStringvalueOfjoin pop배열 뒷부분의 값을 삭제 var arr = [ 1, 2, 3, 4 ]; arr.pop(); console.log( arr ); // [ 1, 2, 3 ] arr.pop(); console.log( arr ); // [ 1, 2 ] arr.pop(); console.log( arr ); // [ 1 ] arr.pop(); console.log( arr ); // [] arr.pop(); console.log( arr ); // [] pus..
-
LWC 컴포넌트 url로 호출하는 방법 - How to call with LWC component urlLWC 2024. 9. 10. 12:01
원하던 기능이 드디어 Release 되었다! 기존에는 lwc 컴포넌트를 url로 직접 호출하는 것이 불가능하여불필요한 aura 컴포넌트를 생성하고 url로 aura 컴포넌트를 호출하여aura 컴포넌트 내부에서 lwc 컴포넌트를 호출하는 방식으로 구현하였다. 이제 url을 통해 lwc 컴포넌트를 바로 호출가능하게 되었다! 1. xml 파일에 lightning_UrlAddressable 추가 xml version="1.0" encoding="UTF-8"?>LightningComponentBundle xmlns="http://soap.sforce.com/2006/04/metadata"> apiVersion>61.0apiVersion> isExposed>trueisExposed> targe..
-
[apex] 두 날짜 간의 차이 계산 방법 ( How to calculate the difference between two dates)Apex 2024. 8. 17. 21:49
1. 예시 코드 확인Date ExcutionStartDate = Date.newInstance(2024, 8, 1);Date ExcutionEndDate = Date.newInstance(2024, 8, 17);if (ExcutionStartDate != null && ExcutionEndDate != null) { // 두 날짜 사이의 일 수 차이 계산 Integer daysDifference = ExcutionStartDate.daysBetween(ExcutionEndDate) + 1; // 주 단위와 일 단위 계산 Integer ExcutionWeek = Math.floor(daysDifference / 7); Integer ExcutionDay = Math.mod..
-
[JS] 날짜를 문자열로 변경하는 방법 및 문자열을 원하는 날짜 형식으로 표현하는 방법 - How to convert a date to a string and how to display the string in the desired date formatJS 2024. 8. 17. 21:40
1. 두 가지 메서드 소개 parseStringToDateTime(timeValue) JavaScript에서 문자열로 표현된 날짜와 시간을 Date 객체로 변환하는 사용자 정의 함수다양한 날짜와 시간 형식의 입력된 문자열을 기반으로 생성된 'Date' 객체를 반환입력 값 예시 : "YYYY-MM-DDTHH:mm:ssZ", "YYYY/MM/DD HH:mm:ss", "MM-DD-YYYY", 등출력 값 : 입력 값 형식에 맞는 Date 객체parseDatetimeToString(timeValue) 이 함수는 주어진 문자열을 Date 객체로 변환한 다음, 원하는 형식의 문자열로 변환합니다. 2. parseStringToDateTime(stringValue)문자열을 Date Time 으로 변경//JS 파일1. ..