인프런 커뮤니티 질문&답변
작성한 질문수
quasar와 tailwind 조합에 관한 질문
작성
·
95
0
강사님!
질문이 있습니다. 질문이 좀 길어요. 죄송합니다.
커뮤니티에도 질문을 올렸는데 휴가 중이신지 답변이 없어서 여기에도 남겨봅니다.
Vue3 모든 과정을 수강하고 덕분에 프로젝트도 수행을 잘 했습니다. 그런데 프로젝트 할 때 quasar와 사용자 css 적용 문제로 퍼블리셔들이 고생을 많이 했습니다. 저는 PM 역할을 수행합니다.
quasar의 css가 사용자가 정의한 css를 덮어 쓰는 경향이 있어 처리한다고 퍼블리셔 분들이 고생들을 많이 했어요.
그래서 다시 프로젝트를 곧 수행할 것 같은데 이번에는 tailwind를 적용해 볼려고 해요. 그러면 nuxt3 + vue3 + quasar + tailwind로 생각하고 있는데 그런데 저희는 포털은 웹 접근성 심사를 받아야 해서 이 조합이 맞는지가 궁금합니다. quasar가 다른 css를 덮어 쓰는 문제가 발생해서 tailwind로 작성한 css도 무용지물이 될까 심히 걱정스럽습니다.
퀴즈
Tailwind CSS가 스타일을 적용하는 주요 방식은 무엇일까요?
별도의 CSS 파일에 모든 스타일을 작성한다.
HTML 요소에 미리 정의된 유틸리티 클래스를 조합한다.
자바스크립트를 사용하여 동적으로 스타일을 변경한다.
CSS 전처리기(Sass 등)로 복잡한 스타일을 만든다.
답변 1
0
안녕하세요.
권장하지 않습니다. 둘 중 하나만 사용하세요.
(또는 TailwindCSS 위에 TailwindCSS 기반 UI Framework)
현재 기술 스택을 쉽게 이야기하자면:
정장(Quasar)을 입고 있는 상태에서
그 위에 예쁜 개별 옷(TailwindCSS)을 덧입으려고 하는 격입니다.
결과적으로 스타일이 충돌하고 원하는 디자인이 나오지 않을 가능성이 높습니다.
그리고 Quasar를 커스텀 할 시에 프레임워크 가이드를 준수해야 합니다.