🌼 공통 Javascript

js salesforce에 올리기

세일즈포스 > 톱리바퀴 설정 > 검색창에 "정적 자원"

'새로 만들기' 클릭

이곳에 공통으로 사용 될 css(zip 압축), 이미지(zip 압축), js(js파일)을 올릴 수 있다.

이름은 파일명과 동일하게 작성
파일을 선택 후,
캐시관리는 공개로 저장한다.

올린파일 vs코드에 내려 받기

vs코드에 생성된 파일중
staticresources 파일에서 우클릭,
SFDX: Retrieve Source from Org 를 선택해 올린 파일을 다운받는다.

js안에서 Dom 생성

Dom 생성시
staticresources/파일명.js(공통)
document --> document.documentElement 사용

각 컴포넌트/파일명.js
document --> this.template 사용

컴포넌트명.js안에서 공통.js 호출

import { loadScript } from 'lightning/platformResourceLoader';  //Script로드
import uiJavascript from '@salesforce/resourceUrl/uiCommon';
//Script 경로 및 공통파일명(uiCommon)
//uiJavascript 변경가능


renderedCallback() {
//컴포넌트가 완전히 렌더링될 때 호출되고 여러 번 호출가능
        Promise.all([

            loadScript(this, uiJavascript), //uiJavascript 위와 동일하게 매칭

        ]).then(async () => {
           
        })

        .catch((error) => {

            console.log('2errorMsg : ', error); //에러 메시지

        });
    };