목록lwc (1)
개발일지
LWC Lightning-Input CSS 수정시 적용이 안될 때 Dom Control하기
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..
Aura LWC JavaScript
2025. 2. 12. 14:13