Vuex 프로젝트 구조에서 모델 클래스를 배치할 위치
Type Script를 사용하여 Vuex 상태 관리를 지원하는 Vue 앱을 작업하고 있습니다.모델 수업을 어디에 둬야 할지 고민이에요.현재 "모델" 서브디렉토리의 "스토어" 아래에 있습니다.현재 모델에서는 더 많은 커스텀 타입이 사용되고 있습니다만, 「스토어」디렉토리가 올바른 장소인지 아닌지는 모르겠습니다.하지만 다른 한편으로는 모델들은 국가와 긴밀한 관계를 맺고 있죠?
이를 위한 베스트 프랙티스는 무엇입니까?
간단한 답변: "모델" 폴더를 내부가 아닌 "스토어" 폴더 옆에 둡니다.
장황한 답변:
파일 구성에는 일반적으로 다음 두 가지 전략이 있습니다.
- 유틸리티별 그룹화(모델, 서비스, 컴포넌트 등)
- 도메인 카테고리별 그룹화(예:사용자, 제품, 예약 등)
무엇을 선택하든 트레이드오프가 있습니다.
첫 번째 전략이 가장 일반적입니다.루트 폴더에 많은 폴더를 프로젝트가 가져올 수 없도록 하고 새 파일을 저장할 위치를 쉽게 결정할 수 있습니다.단점은 밀접하게 관련된 파일이 멀리 떨어져 있다는 것입니다.코드베이스가 커짐에 따라 서로 의존하는 파일을 찾는 데 시간을 소비하게 됩니다.
두 번째는 관련 파일을 함께 잘 보관합니다.예를 들어 애완동물 모델, 애완동물 구성품, 애완동물 서비스 및 해당 서비스에 대한 단위 테스트가 들어 있는 Pets라는 폴더를 상상해 보십시오.그러면 애완견 논리를 훨씬 쉽게 탐색할 수 있습니다.그러나 디렉토리는 트리 구조를 따르지만 도메인 모델은 그래프에 가깝기 때문에 파일을 올바르게 정리하는 데 어려움을 겪을 수 있습니다.
코드를 유틸리티별로 먼저 정리하고 도메인 카테고리별로 정리하는 경우가 많지만 베스트 프랙티스라고 불러도 좋을지 모르겠습니다.그 반대는 나에게도 종종 잘되어 왔다.
유틸리티별로 정리할 경우 한 종류의 유틸리티가 다른 유틸리티에 고유하게 속하는 경우는 거의 없기 때문에 네스트하지 않도록 해야 합니다.확실히 모델들은 가게에 고유하게 속하지는 않는다.모형에 의존하는 구성요소는 저장소와 마찬가지로 해당 모형에 밀접하게 결합됩니다.따라서 "모델" 폴더를 "스토어" 폴더 옆에 배치하는 것이 더 적합합니다.
언급URL : https://stackoverflow.com/questions/61055121/where-to-place-model-classes-in-the-vuex-project-structure
'source' 카테고리의 다른 글
| 일정 동작을 에뮬레이트하기 위해 닫힘 태그를 조건부로 렌더링합니다. (0) | 2022.08.20 |
|---|---|
| vee-validate와 함께 작동하도록 커스텀 입력 컴포넌트를 수정하는 방법 (0) | 2022.08.20 |
| 여러 Atribut을 사용하지 않고 semantic-ui-vue 드롭다운에 플레이스 홀더를 표시하려면 어떻게 해야 합니까? (0) | 2022.08.20 |
| VueJs에서 3진 연산자를 사용하는 방법 (0) | 2022.08.20 |
| C개발에 최적인 IDE는 무엇입니까?IDE보다 Emacs를 사용하는 이유 (0) | 2022.08.20 |