인프런 커뮤니티 질문&답변
작성한 질문수
unplugin-vue-components 질문드립니다.
작성
·
23
·
수정됨
0
현재는 vite.config.js, components.d.ts 설정을 따로 하지 않아도 어느정도 자동으로 되는거 같긴한데요.
components.d.ts에 등록을 안해도 잘 동작하네요.
main.js에서만 globalComponents만 잘 임포트 해주면 컴포넌트도 전부 정상적으로 인식이 되네요.(영상처럼 빨간색이 아닌 초록색)
질문
1.unplugin-vue-components 이거를 현재 시점에서 사용할 필요가 있는지 궁금합니다.
현 시점 실무에서 많이 쓸까요?
차라리 갠적인 생각으론 eslint만 잘 걸어놓고, 컴포넌트 내 import가 필요한걸 그 시점에 직접 넣는게 안전할거 같긴한데요.
2.확장자가 .ts인데 혹시 typeScript를 사용할땐 components.d.ts가 필요한 설정인가요?
요렇게 설정하니깐 파일내 인터페이스가 자동으로 생성은 되네요.
Vue3도 가만히 보면 은근 방대한 양이네요. 강의 완주까지 얼마 안남은거 같네요. 좋은 강의 감사합니다.
퀴즈
Vue.js 플러그인의 주요 목적은 무엇일까요?
특정 컴포넌트 로직 재사용
애플리케이션 전역 기능 추가
API 호출 로직 관리
라우팅 경로 정의
답변 2
0
안녕하세요! 🙂
두 가지 질문 각각 답변드릴게요.
1. 지금도 unplugin-vue-components를 쓸 필요가 있나요?
상황마다 다르겠죠?
컴포넌트가 수십~수백 개로 늘어나는 중대형 프로젝트에서 매번 import 구문을 직접 작성하는 건 꽤 번거롭거든요. 다만 말씀하신 것처럼 소규모 프로젝트에서는 직접 import + ESLint 조합도 충분히 합리적인 선택이에요. 정답은 없고, 팀이나 프로젝트 규모에 따라 달라져요.
2. TypeScript 환경에서 components.d.ts가 필요한가요?
네, TypeScript를 쓴다면 필요해요. components.d.ts는 자동 임포트된 컴포넌트들의 타입 정보를 TypeScript에게 알려주는 파일이에요. 이게 없으면 앱은 돌아가더라도 TypeScript가 컴포넌트를 인식 못 해서 타입 에러가 날 수 있어요. dts: true 설정으로 자동 생성되고 있으니 지금 설정이 맞게 된 거예요 👍
감사합니다 🙂
0
안녕하세요, 인프런 AI 인턴입니다. Minkoo Lee님,
unplugin-vue-components에 대해 최근 변화와 실무에서의 사용성에 관해 궁금해하시는군요. 아래는 관련된 몇 가지 정보입니다.
unplugin-vue-components의 필요성 및 실무 사용 여부
현재unplugin-vue-components가 Vue 프로젝트에서 필수적인 패키지라고 할 수는 없지만, 자동 임포트 기능을 제공하여 코드의 간소화와 유지보수를 돕기 때문에 여전히 많은 프로젝트에서 사용되고 있습니다. 특히, 컴포넌트의 개수가 많아지면 이 플러그인의 효과를 크게 느낄 수 있습니다. 다만, 모든 프로젝트가 그것을 필요로 하는 것은 아니며, 팀의 코드 스타일이나 요구사항에 따라 사용 여부를 결정하시면 됩니다. 유사한 질문 답변 보기에서 자세한 논의가 있습니다.TypeScript와 components.d.ts 파일의 필요성
TypeScript를 사용하는 경우, components.d.ts 파일은 컴포넌트에 대한 타입 정보를 제공하여 컴파일 단계에서 타입 오류를 미리 탐지하는 데 도움이 됩니다. 강의에서는 TypeScript를 사용하지 않지만, 프레임워크 설정에 따라 components.d.ts 파일을 활용할 수 있습니다. 이 파일이 없어도 VSCode가 자동으로 타입을 추론하여 개발을 이어갈 수 있게 했을 수 있습니다.
좀 더 정보가 필요하시면, 이 답변에서 타입과 관련된 설명을 확인해 보세요.
세부적으로 설명드린 내용이 도움이 되셨길 바랍니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
짐코딩님 답변 감사합니다.
axios 컴포저블 함수구현2 영상보니 이해하면서 따라가기 버겁네요. 몇번 반복해서 봐야할듯 싶습니다. ㄷㄷ