Salesforce7 [LWC] onclick 이벤트 일반적인 javaScript 문법 onclick='함수명(this)' Select All RED BLACK BLUE See the Pen checkbox_all_check_02 by gaae (@gaae) on CodePen. salesforce js문법 onclick={함수명} this 로 클릭한 요소를 반환할 수 있는데.. salesforce는 방법을 모르겠다.. html Select All RED BLACK BLUE jsdom 호출시에도 this.template 로 호출한다. import { LightningElement } from 'lwc';export default class Bmc_srm_test extends .. 2024. 7. 10. [LWC] 공통css , 공통 js , 공통 이미지 생성 및 연동 1. static resources - 화면 왼쪽상단에 톱니바퀴 클릭 - setup - Custom Code - static resources 검색 - 오른쪽 화면 New 버튼을 클릭해 범용적으로 사용 가능한 이미지나 css, js 를 저장 할 수 있다.** css, js는 처음 한번만 파일을 올리면 vscode로 받아서 수정및 반영 할 수 있다.**vscode안에서 css (한쌍인 resources -meta.xml)를 생성하고 deploy를 하는 방법도 있지만, 여러사람이 동시에 작업하는 환경에서는 폴더를 덮는 위험한 상황이 발생할 수있으므로(salesforce는 소스 코드 버전을 관리가 되지 않아 형상관리가 되지 않는다.) 권장하지 않는다. 2. 파일올리기 - new 클릭 - 이름은 파일명과 .. 2024. 7. 3. [LWC] LWR 생성 및 편집 (site 고객채널) 1. Sites- 화면 왼쪽상단에 톱니바퀴 클릭 - setup - Digital Experiences - All Sites 검색 - 오른쪽 출력창 Builder 클릭 2. New Page- Page Properties - New Page 클릭 - Standard Page로 생성 - 페이지명 입력 3. 컴포넌트와 페이지 연동 - Components - 생성한 컨포넌트를 클릭 드래그 한다. 4. 로컬 미리보기- 오른쪽 상단에 Preview - 눈모양버튼 ( Preview As ) - Authenticated User 5. 반영- 오른쪽 상단에 Publish --- 내 작업물 외에 모든 작업물 한꺼번에 반영 2024. 7. 3. [LWC] 페이지 편집 (Edit Page) 1. Edit Page - 현재 창이 Home 확인하고 창의 오른쪽 상단에 톱니바퀴 클릭Edit Page 가 있어야 하는데 없다; *******문제 해결 메인 검색창에서 Home 검색Advanced Seller Home 선택 해제참고 :https://trailhead.salesforce.com/ko/trailblazer-community/feed/0D54V00007YvwueSAB I am not getting the edit page | Salesforce Trailblazer CommunityTrailhead, the fun way to learn Salesforcetrailhead.salesforce.com *이미지까지 올린 친절한 설명대로 했는데 Edit Page가 나타나지 않는다!!! 글의.. 2024. 7. 3. [LWC] 생성하기 및 반영하기 1. LWC 생성 - F1 (Crtl + Shift + P)SFDX : Create Lightning Web Component - 공란에 생성될 lwc 컨포넌트 이름을 작성 - 기본 lwc 경로 자동 출력 엔터 * force-app - lwc 안으로 컨포넌트가 생성됨 * 컨포넌트 안에 생성되는 tests_ 폴더는 무시해도 됨 2. LWC 작성- 컨포넌트명.html템플릿 안에 마크업을 작성 - css가 없기에 컨포넌트명.css 를 생성css가 비어있으면 첫 deploy때 에러가 발생하기에 아무 내용이나 넣어둔다. - 컨포넌트명.js-meta.xml 61.0 false 모바일이나 다른 기타에서도 접근 가능하도록 수정 61.0 true //true로 변경 //추가.. 2024. 7. 3. [LWC] vscode Salesforce 셋팅 1. Salesforce Cli 다운로드https://developer.salesforce.com/tools/sfdxcli 2. vscode 확장프로그램 설치- Salesforce Extension Pack - 뭐 여러가지 한꺼번에 받아짐 3. LWC 셋팅- F1 (Crtl + Shift + P) SFDX : Create Project with Manifest 선택 ... 오래 걸림 ...에러 무시 - 공란 엔터 (디폴트 Standard) - 공란에 폴더명 입력 - lwc 생성할 위치 설정 4. 오그 연결- F1 (Crtl + Shift + P)SFDX : Authorize an Org 혹은 - 하단에 No Default Org Set 클릭 SFDX : Authorize an Org 개인오그이므로 .. 2024. 7. 3. 이전 1 2 다음
