전체 글
-
slot-scope(v-slot)Vue 2023. 3. 10. 13:52
slot-scope 는 뭐야? 슬롯(slot)이 컴포넌트 템플릿의 재사용성을 늘려주기 위한 기능이라면 스콥드 슬롯(Scoped slot)은 컴포넌트 데이터의 재사용성을 높여주는 기능입니다. 일반적으로 뷰에서는 프롭스 속성이나 이벤트 발생과 같은 컴포넌트 통신 방식을 제외하고는 다른 컴포넌트의 값을 참조할 수 없습니다. 하지만 스콥드 슬롯은 하위 컴포넌트의 값을 상위 컴포넌트에서 접근하여 사용할 수 있습니다. (참조: 장기효님) {{ 임의의 변수 }} Example 설명 slot 안에 있는 자식 컴포넌트의 이벤트 값을 받아서 부모 컴포넌트의 값을 바꿔줘야 했다. 자식 컴포넌트(Mdi.vue)에서 slot-scope에 hiddenActive 함수를 참조 할 수 있게 넣어줬다. 부모 컴포넌트에서는 자식 컴포넌..
-
undefined, nullJavaScript/CleanCode 2023. 2. 22. 12:29
undefined: 선언했지만 값은 정의되지 않고 할당 X let hi; typeof hi; // 'undefined' undefined + 10; // NaN !undefined // true undefined == null // true undefined === null // false !undefined === !null // true null: 값이 없다고 명시적으로 알려줌 !null; // true !!null; // false null === false; // false !null === true; // true // null은 숫자적으로 표현할 때 0에 가깝다 null + 123; // 123 정리 - undefined, null 은 결국 값이 없거나 정의되지 않은 것 - 숫자로 표현하면 n..