반응형

Quasar 2

vue.js + Quasar 헥사고날 아키텍처

DRS Web Project에 헥사고날 아키텍처를 적용할지에 대해 고민했습니다. 제가 조사한바로는 헥사고날 아키텍처(Hexagonal Architecture)는 클린 아키텍처를 기반으로 한, 소프트웨어를 여러 계층으로 나누어 각 계층이 독립적이고 유연하게 동작할 수 있도록 하는 아키텍처 패턴입니다. Quasar는 Vue.js 기반의 프레임워크로 주로 사용자 인터페이스(UI)를 구축하는 데에 특화되어 있습니다. 따라서 헥사고날 아키텍처를 적용하는 데에는 일부 제약이 있을 수 있습니다. 그러나 Quasar 애플리케이션에서도 비즈니스 로직을 분리하고 유지보수성을 향상시키기 위한 일반적인 아키텍처 원칙을 적용할 수 있습니다. 여러 방법으로 비즈니스 로직을 분리할 수 있으며, 그 중에서도 다음과 같은 방법을 고려..

Quasar 2024.01.07

[Quasar] Table scrollbar style 입히기| Table 스크롤 | Table Header Scroll 안되게 하려면

Quasar로 Table을 만들고 Quasar Scrollbar를 적용하려고 Scroll Area를 적용했더니 Table Header 까지 Scroll 되는 문제가 발생했다 해결방법은 Scroll Area를 사용하지 않고 app.scss에 직접 Scroll CSS 를 추가해주면 된다. /* 스크롤바의 폭 너비 */ ::-webkit-scrollbar { /* ← 이게 있어야 Scrollbar CSS가 먹는다 */ width: 10px; /* 세로 스크롤바의 크기 */ height : 10px; /* 가로 스크롤바의 크기 */ } ::-webkit-scrollbar-thumb { background: rgba(220, 20, 60); /* 스크롤바 색상 */ border-radius: 10px; /* 스크..

Quasar 2023.08.26
반응형