개발성장노트

https://nnn-ong.tistory.com/245 VisualforcePage 로 dataTable 그리기지난 포스팅에서 LWC 를 활용해서 dataTable 을 만들었는데 이것과 똑같이 vfpage 만들어보려고 한다 (포스팅 참조: https://nnn-ong.tistory.com/243)컨트롤러는 동일하게 활용하겠다  먼저 vfpage 를 만든다 nnn-ong.tistory.com지난 포스팅세어 vfpage 를 만든것을 LWC 로 임배드 해보겠다 생각보다 간단하고, 많이 쓰는 기능이다.  LWC를 먼저 생성하고 태그를 써서 url 호출을 해주면된다. 아래는 LWC 코드이다 template>    lightning-card title="vfpage 임배드" icon-name="standard:..

지난 포스팅에 이어 기본테이블에 CSS를 넣는 작업이다. https://nnn-ong.tistory.com/242?category=1180609CSS는 생각보다 기능이 많다.. 하면할수록 다양함.. 그리고 눈에 보이는 작업이다보니, 바로 확인할 수 있어서 재밌다 css는 주로 소문자로 시작한다.아래와 같이 클래스 우측마우스 클릭 > New File 클릭 > lwc 컴포넌트와 동일하게 파일명 입력후 .css를 붙여주면 해당 클래스파일에 css가 생성된다.  지난번 html 코드를 공유해준 것에서 class 에 'custTable' 이라고 추가 (해당 명은 본인이 자유롭게 지정하면된다)이렇게 되면 이 테이블의 이름은 custTable이 되는거고 , 테이블명으로 css를 적용시킬 수 있다.  CSS  테이블 ..

컴포넌트 개발중에 제일 기본적이고 많이 사용하는것이 테이블이다 데이터 조회용도 있지만 보통 수정 삭제가 가능한 테이블을 많이 사용한다.  1. 우선 데이터를 조회하기 위한 Contact 에 샘플데이터를 넣어준다. 2. LWC 컴포넌트 생성  html 은 아래와 같다template>    table class="slds-table slds-table_bordered slds-table_col-bordered">                thead>            tr>                th>Noth>                th>이름th>                th>폰번호th>                th>이메일th>            tr>        thead>    ..

LWC 를 만들면 아래와 같이 .js-meta.xml 같은파일이 자동으로 생성된다 ( LWC 컴포넌트는 Html , js ,controller 3가지를 이용해서 개발한다) 해당 xml을 클릭하면  아래와 같이 isExposed 가 false로 되어있다.  59.0 false 해당값이 false로 되어있으면 컴포넌트 노출이 되지 않는다. true 로 바꿔주고, 만들고자 하는 컴포넌트가 어디에 노출되는 컴포넌트인지 파악을 한 후 알맞은 값의 코드를넣어주면된다.  아래 예시는 가장 많이 쓰여지는 4가지이다 xml version="1.0" encoding="UTF-8"?>LightningComponentBundle xmlns="http://soap.sforce.com/2006/04/metadata">..