728x90 반응형 전체 글101 web components :part() part의 값을 정의하여 사용하면 CSS가 ::part 요소를 통해 쉐도우 트리의 특정 요소를 선택하고 스타일을 지정할 수 있습니다. 하지만 사파리에서 호환이 어렵다는 문제가 있어요(exportparts) css는 다음과 같이 사용하고 :host{ &::part(part){ color:red; } } 웹컴포넌트에서 사용은 파트 버튼 아래와 같이 exportparts도 사용할 수 있지만 사파리에서 적용이 안됩니다. 쉐도우 돔 하위 요소의 스타일을 지정할 때 사용하지만 호환이 안된다는 단점이 있어서 사용을 안하고 있어요 파트 버튼 2024. 1. 3. 주택자금 소득공제 주택자금 소득공제 주택임차차입금 원리금상환액 소득공제 과세기간 종료일(12월 31일) 현재 무주택 세대의 세대주(세대주가 주탁자금 공제 및 주택마련저축 공제를 받지 아니한 경우에는 세대원 및 대통령령으로 정하는 외국인 포함)인 근로자가 국민주택규모의 주택(주거용 오피스텔 포함)을 임차하기 위해 대출기관 또는 거주자로 부터 차입하고 그 차입금의 원리금을 상환하는 경우 상환금액의 40%를 소득공제(공제한도 400만 원)할 수 있습니다. *주택마련저축공제와 합하여 400만원 한도(부양가족이 없는 단독세대주도 소득공제 가능) 대출기관으로부터 차입한 경우 임대차계약증서의 입주일과 주민등록표 등본의 전입일 중 빠른 날로부터 전후 3개월 이내에 차입한 자금이어야합니다. 이 경우, 임대차계약을 연장하거나 갱신하면서 차.. 2024. 1. 2. PoE 3.23 가디언 스타트 빌드업 최근 3.23버전이 출시되어 한참 열랩을 하고있는 게임입니다~. 가디언 스타트 빌드업 방법을 몇자 적어볼께요~ 전직노드 찬란한 성전 - 변한없는 성전 - 희망의 보루 - 긴요한시기 페시브 스킬 트리 저랩인 관계로 97레벨 유저의 스킬포인트를 가져왔습니다. 중요한 젬 셋업이에요~ SRS은 격노의 유령 소환 입니다. 아이템 셋업 무기 - 마아타의 가르침 카루이 셉터 (젬 : 폭풍의 방패 - 소집 -원격 기폭 장치 소환) 방패 - 잡템이라 젬만 (젬 : 망령 소환 - 격분 주입 보조 - 지옥불 군단 보조) 갑옷 - 살점조각사 네크로맨서 실크 갑옷 ( 젬 : 근접 범위 피해 보조 - 연속타격 보조 - 공격시 원소 피해 보조 - 격노의 유령 소환 - 촉발 보조 - 소환수 피해 보조) 장갑 - 역시 잡템이라 젬만 .. 2024. 1. 2. Webcomponents 에서 css사용 host가 open이라는 속성을 가질때 다음과 같이 정의한다. :host([open]) { display:block } host가 main이라는 클래스를 가지고, 내부 slot에 배치된 slot이라는 클래스개체의 스타일을 정의하고 싶을때는 다음과 같습니다. :host(.main){ background: blue; ::slotted(.slot){ background: red; } } host 내부 콘텍스트가 div에 스타일을 적용하고 싶을때는 다음과 같습니다. :host-context(div){ color:yellow; } 참 쉽죠? 2024. 1. 2. [Stencil]Stenciljs 프로젝트 시작하기 Stencil: 웹 구성 요소 컴파일러 Stencil은 Web components를 생성하는 컴파일러입니다. Stencil은 가장 널리 사용되는 프레임워크의 최고의 개념을 간단한 빌드 시간 도구로 결합합니다. Stencil은 TypeScript, JSX 및 CSS를 사용하여 고품질 구성 요소 라이브러리를 만드는 데 사용할 수 있는 표준 호환 웹 구성 요소를 만듭니다. Stencil로 생성된 Web components는 즉시 사용 가능한 인기 프레임워크와 함께 사용할 수 있습니다. 또한 Stencil은 프레임워크별 개발자 환경에서 Stencil 구성 요소를 사용할 수 있도록 하는 프레임워크별 래퍼를 생성할 수 있습니다. Stencil의 주요 목표는 디자인 시스템과 구성 요소 라이브러리를 위한 놀라운 도구.. 2024. 1. 2. 이전 1 ··· 6 7 8 9 다음 728x90 반응형
