개발일지

LWC의 lightning-input 같은 기본 Lightning Base Components는 Shadow DOM을 사용하기 때문에, 일반적인 CSS로 내부 스타일을 변경할 수 없습니다. 그래서 원래 코드에서 컴포넌트 외부에 style을 선언하고, document.body.appendChild()로 스타일을 추가한 이유는✅ Shadow DOM이 렌더링되기 전에 스타일을 먼저 삽입하여 강제 적용하기 위해서하지만 이 방법은 전역 스타일을 수정하는 방식이기 때문에 다른 LWC 컴포넌트에도 영향을 미칠 수 있는 위험이 있습니다. 아래는 실제 개발에서 적용했던 코드입니다.import { LightningElement, api, wire, track } from 'lwc';import { getRecord, ge..

var kvArray = [{key:1, value:10}, {key:2, value:20}, {key:3, value: 30}];var reformattedArray = kvArray.map(function(obj){ var rObj = {}; rObj[obj.key] = obj.value; return rObj;});// reformattedArray는 [{1:10}, {2:20}, {3:30}]// kvArray는 그대로// [{key:1, value:10},// {key:2, value:20},// {key:3, value: 30}]인자를 받는 함수를 사용하여 숫자 배열 재구성 하기인자가 한개인 함수를 이용하여 map이 어떻게 동작하..

map()메서드는 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환합니다.arr.map(callback(currentValue[, index[, array]])[, thisArg])매개변수callback : 새로운 배열 요소를 생성하는 함수, 아래와 같이 3가지 인수를 가짐-currentValue : 처리할 현재 요소-index : 처리할 현재 요소의 인덱스-array : msp()을 호출할 배열(List)thisArg : callback을 실행할 때 this로 사용되는 값 반환 값배열의 각 요소에 대한 실행한 callback의 결과를 모은 새로운 배열 Ex :const array1 = [1, 4, 9, 16];// pass a function to mapconst..