개발/Vue10 Vue3 외부라이브러리 추상화 Third party 라이브러리를 Application에 적용할 때, 의존성을 최대한 분리하는 것이 유지보수에 유리하다. 예를 들어 Vue3에서 외부라이브러리 Element-plus를 사용하려고 할 때, 추상화 없이 el-radio를 직접 사용한다면 추후 radio 표시를 취소 가능하게 해달라는 요구사항이 들어왔을 때, 모든 컴포넌트를 돌며, el-radio를 수정해주어야 합니다. 하지만 el-radio를 특정 컴포넌트에 의존하도록 만들면 유지보수에 훨씬 용이합니다. 이는 소프트웨어 공학에서 나오는 SOLID 원칙 중 D에 해당하는 DIP(Dependency Inversion Principle) '의존관계 역전 원칙'의 내용으로 객체는 저수준 모듈 보다 고수준 모듈에 의존해야한다는 원칙에 해당되는 내용 .. 2022. 12. 12. Vue 프로젝트 구조 프로젝트 설정 파일 packge.json 프로젝트에 대한 정보, 배포 및 개발에서 사용할 모듈 정보, 지원할 브라우저 설정 정보 등등 dependecvies로 설정된 부분이 배포 안에서 사용될 모듈, devDependencies로 설정된 부분이 개발에서도 사용되는 모듈 package-lock.json package.json에 사용되는 모듈들이 동작을 하기 위해서는 또 다른 모듈들을 필요로 하는데 해당 정보가 package-lock.json 파일에 나와 있다. node_modules 해당되는 모든 모듈들이 실제로 설치된 곳 src 하위 파일 main.js npm run serve 명령어를 통해 뷰를 실행 시켰을 때, 가장 먼저 실행되는 자바스크립트 파일 import { createApp } from 'vu.. 2022. 12. 8. 이전 1 2 3 다음
