# slot

19개의 포스트
post-thumbnail

[Vue] 슬롯(Slot)

슬롯은 템플릿 조각을 자식 컴포넌트에 전달하여 자식 컴포넌트가 자체 템플릿 내에서 조각을 렌더링하는 것이다.최종 렌더링은 아래와 같이 된다.name이라는 속성으로 컨텐츠가 렌더링되어야 하는 위치를 결정할 수 있다.name 속성이 없다면 기본적으로 default란 이름을

2023년 3월 4일
·
0개의 댓글
·

[웹 컴포넌트] Template and Slot

: <template> 와 <slot>은 유연한 DOM 구조를 구현하게 해주는 elements로 물론, 단독 사용도 가능하지만, Shadow DOM과 함께 사용하면 재사용성 측면에서 주는 이점이 크다.<template> 의 경우 로드 시 직접 rende

2023년 2월 14일
·
0개의 댓글
·
post-thumbnail

파이썬 pyqt5정리

파이썬 pyqt5 정리글

2022년 12월 1일
·
0개의 댓글
·
post-thumbnail

Slot Deposit Dana Terbaik Dan Terpercaya

Agen Slot Deposit Dana Gampang Menangmerupakan agen Slot Deposit Dana Gampang Menang terpercaya di Indonesia tahun 2022. Disini kita mempunyai bonus p

2022년 11월 8일
·
0개의 댓글
·

LWC Slot 사용하기

> slot을 사용해 자식 컴포넌트에 들어갈 내용을 부모 컴포넌트에서 작성 할 수 있다.

2022년 9월 2일
·
0개의 댓글
·
post-thumbnail

[Vue] slot

slot 이름에 의해서 순서가 보장된다.

2022년 6월 20일
·
0개의 댓글
·
post-thumbnail

[2022.06.16] Vue slot, template(v-slot)

컴포넌트를 자유자재로 손쉽게 사용할 수 있는 도구이다.prop이나 data, 이벤트 외에도 실질적인 템플릿 코드 조각을 통째로 보내서 화면에 보여줄 수 있는 유용한 기능이다.먼저, components 폴더 안에 slot 폴더를 만들고slot폴더 안에 CardView.v

2022년 6월 15일
·
0개의 댓글
·
post-thumbnail

svelte 에서 slot이란 뭘 하는 녀석일까?

💡 svelte kit을 이용해 전체적인 레이아웃을 만드는데 <slot> 이라는 이상한 태그를 만났다. \_\_layout.svelte 에서 사용한 태그인데 <slot>은 어떤 것을 하기 위해 있는 태그일까?HTML 요소는 자식 요소를 가질 수 있다. 컴포

2022년 2월 4일
·
0개의 댓글
·

Comp3.vue + CompSlot.vue

emit은 자식이 부모에게 함수를 보냄 props는 부모가 자식에게 값을 보냄

2021년 12월 22일
·
0개의 댓글
·

CompSlotScope.vue

2021년 12월 21일
·
0개의 댓글
·

TIL) vue 재사용 slot

일을 할때 막혔던 부분에서 공부를 한뒤 정리를 하게 되었다.

2021년 11월 20일
·
0개의 댓글
·

Vue slot 활용하기

slot

2021년 11월 4일
·
0개의 댓글
·

2021.10.26

slot에는 v-show 사용이 불가능하다.v-show는 해당 DOM을 그려놓고 display를 none으로 처리해준다.내용이 동적으로 변하는 slot에 대해서는 어떤 element를 display: none 처리해야할지 알 수 없기때문에 사용이 불가능하다. v-if로

2021년 10월 26일
·
0개의 댓글
·
post-thumbnail

[Vue] 컴포넌트 | Emit | Slot | Provide

1. 컴포넌트 - 기초 2. 속성 상속 3. Emit 4. Slot 5. Provide / Inject 6. Refs

2021년 9월 10일
·
0개의 댓글
·

afterEach, Vue Slot

영화 아이템을 클릭 시 => 현재 라우트 경로에 ?movieId='해당 영화 아이디값'를 추가.스토어의 mutations를 이용해서 영화 상세 모달이 보여지도록 설정영화 상세 모달 컴포넌트에서 created 훅이 실행되고, 현재 라우트에 있는 movieId값을 받아서

2021년 2월 3일
·
0개의 댓글
·
post-thumbnail

Vue - 컴포넌트 재 사용을 위한 slot

실제로 스토어링크 관리자 페이지를 리팩토링 중인 코드에는 slot이 엄~청 많다.하지만 Vue 공식문서를 보니 <v-slot는 slot과 slot-scope 인수들을 대체하게 되었습니다, 더 발전된 API로 Vue 2.6.0에 도입되었고, slot과 slot-sc

2021년 1월 17일
·
0개의 댓글
·
post-thumbnail

[Python] Class Structure & Special Method

파이썬에서도 객체의 클래스 안에 설계되어 있는 변수(속성 값)들을 private으로 만들 수 있는 데코레이터를 제공해요. slot 예제는 추천하는 편이에요. 성능이 좋습니다. 성능 측정을 통해 이를 증명해 볼게요. 객체 슬라이싱을 해볼게요. ABC 메타클래스를 상속 받

2020년 12월 6일
·
0개의 댓글
·
post-thumbnail

vuetify Data tables slot 구성 (dynamic slot name 활용)

vuetify를 사용하던 중 Data tables 컴포넌트를 갖고 있는 특정 컴포넌트를 구상했다.

2020년 7월 14일
·
0개의 댓글
·

vue.js 정리

Do it Vue.js 입문 및 구글링을 통해 정리한 내용입니다. Vue 인스턴스 뷰 인스턴스(instance)는 뷰로 화면을 개발하기 위해 필수적으로 생성해야 하는 기본 단위입니다. 요 아래 세가지 방법이 뷰 인스턴스를 생성하는 방법입니다. 인스턴스 안에 el 속성을 통해 뷰 인스턴스가 그려질 지점을 지정하고, data 속성에 화면에 보여질 데이터를...

2020년 1월 7일
·
0개의 댓글
·