# @Inject
Vue - Provide, Inject
데이터를 상위 컴포넌트에서 후손 컴포넌트에게 전달하기 위해서는 중간에 전달하는 컴포넌트가 필요하다. App.vue -> Parent.vue -> Child.vue 하지만 자식의 자식의 자식의 자식... 컴포넌트에 데이터를 전달해야 한다면 이렇게 전달하는 것은 매우
[NestJS]레포지토리를 인터페이스로 구현하여 사용하기
counseling.repository.tsconunseling.service.ts서비스에서 쓰기 위한 레포지토리를 그냥 class로 구현해버리고 이렇게 service의 생성자에 해당 클래스를 박아 넣으면 이 서비스는 이 레포지토리밖에 사용하지 못한다.이 서비스가 배포
Vue 예외 케이스 - 루트 엘리먼트 접근
루트 엘리먼트 접근 $root 대부분의 경우, 다른 컴포넌트에 접근하거나 직접 DOM 엘리먼트에 접근하는 것을 피하는 것이 좋다. 그럼에도 불구하고, 이러한 접근이 허용되는 경우가 있다. new Vue의 모든 하위 컴포넌트에서는 $root 속성을 이용해 루트 인스턴스에
[mobX에러]Leading decorators must be attached to a class declaration
class 선언 내부에 @inject를 사용해야 한다.
[2022.06.15] Vue 컴포넌트 - Provide&Inject, 다이나믹 컴포넌트
보통 부모에서 자식 컴포넌트로 데이터를 보낼 때 props를 사용한다. 하지만 중첩된 관계(자식의 자식의 자식.. 과 같은)라면 번거롭고 복잡해진다.components 폴더 안에 provide-inject 라는 폴더를 만들고CompLevel1, 2, 3 세가지 vue
[vue.js] Provide & Inject 사용방법
일반적으로 데이터를 부모-자식컴포넌트 사이에 전달할 때 Props(자식에게 전달)와 Emit(부모에게 전달)을 사용한다. 특정한 두 컴포넌트사이에 중첩된 여러 컴포넌드가 있는 구조의 경우 데이터를 한번에 전달하기는 불가능아니 굉장히 번거로운 일이다.(여러번의 Props
