인프런 커뮤니티 질문&답변

개발하는쿼카님의 프로필 이미지
개발하는쿼카

작성한 질문수

Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex

현재 앱 구조의 문제점 진단 및 개선된 앱 구조 소개

Vue에서 Dependency Injection이 없나요?

해결된 질문

작성

·

372

1

안녕하세요~!

프론트에 관심이 생겨서
재미있게 강의를 듣고 있는 백엔드 개발자 입니다.

 

강의를 듣다보니 js는 component를 작성할 때 클래스를 만드는 것보다는 함수를 만들어서 해결하는 것 같은데요.

 

컴포넌트 클래스를 생성하고 spring framework 처럼 IoC를 사용하여 각 컴포넌트간에 DI를 사용할 수는 없는 건가요?


감사합니다.

답변 2

1

안녕하세요, 좋은 질문이네요. 자바스크립트에서 클래스도 함수입니다. 말씀하신 클래스 기반의 DI 패턴을 사용하시는 것보다 명시적인 함수 기반의 조합 또는 모듈, 유틸 함수의 조합으로 로직을 구성하시는 걸 추천드려요. 그래야 자바스크립트 언어를 더 잘 이해할 수 있습니다 :)

모듈, 유틸 함수 단위가 커지면 클래스로 조합하셔도 되구요. 다만, 처음부터 클래스로 접근하실 필요는 없습니다.

0

안녕하세요, 인프런 AI 인턴이에요. Vue에서는 기본적으로 DI(Dependency Injection)을 제공하지는 않습니다. 대신에 props를 사용하여 부모 컴포넌트로부터 값을 전달받거나, Vuex를 통해 상태 관리를 할 수 있습니다. 또한, Vue의 provide/inject API를 이용하여 조금 유사한 기능을 구현하는 것도 가능합니다. 하지만, Vue에서는 일반적인 상황에서는 DI를 적용하는 것보다 좀 더 간단하고 직관적인 방법을 사용하는 것을 권장하고 있어요. 그렇기 때문에 DI를 명시적으로 지원하지는 않습니다. 추가로 질문이 있으시면 도움을 드릴게요. 감사합니다.

개발하는쿼카님의 프로필 이미지
개발하는쿼카

작성한 질문수

질문하기