Vue 아키텍처
컴포넌트 디자인 패턴, 폴더 구조, feature 모듈, domain-driven design, composables 구성
1Vue/Nuxt에서 feature-first 아키텍처란 무엇인가요?
Vue/Nuxt에서 feature-first 아키텍처란 무엇인가요?
답변
feature-first 아키텍처는 코드를 기술적 유형이 아닌 비즈니스 기능별로 구성합니다. 각 feature는 전용 폴더 안에 자체 컴포넌트, composables, store, type을 포함합니다. 이 방식은 한 기능과 관련된 모든 것을 한곳에 모아 유지보수성을 향상시키고, 개발자가 독립적인 feature 작업을 할 수 있어 팀 작업을 용이하게 하며, feature를 쉽게 활성화/비활성화할 수 있게 하여 코드를 더 모듈화합니다.
2Vue에서 Container/Presentational 패턴이란 무엇인가요?
Vue에서 Container/Presentational 패턴이란 무엇인가요?
답변
Container/Presentational 패턴은 컴포넌트를 두 가지 범주로 분리합니다. 비즈니스 로직, API 호출, 상태를 처리하는 container와, props만 받고 이벤트를 emit하는 presentational입니다. 이 분리는 UI 컴포넌트의 재사용성을 향상시키고, presentational 컴포넌트의 단위 테스트를 용이하게 하며, 로직을 container에 격리하여 책임을 명확히 합니다.
3layer-first 아키텍처와 feature-first 아키텍처의 차이점은 무엇인가요?
layer-first 아키텍처와 feature-first 아키텍처의 차이점은 무엇인가요?
답변
layer-first 아키텍처는 코드를 기술 계층(components, composables, stores, utils)으로 구성하여 모든 컴포넌트가 함께, 모든 composables가 함께 있는 식입니다. feature-first는 비즈니스 기능별로 그룹화하여 각 feature가 자체 컴포넌트, composables, store를 포함합니다. layer-first는 소규모 프로젝트에서는 더 간단하지만, 프로젝트가 커지면 동일한 기능과 관련된 파일이 흩어져 있어 유지보수가 어려워집니다. feature-first는 확장성이 더 좋고 팀 작업을 용이하게 합니다.
Vue에서 renderless components란 무엇인가요?
feature-first 아키텍처에서 composables를 어떻게 구성하나요?
+19 면접 질문