개발자

TailwindCSS 는 왜 '프레임워크'인가요?

2023년 10월 08일조회 437

Scss 는 css 전처리기라고 불리고 styled-components 는 (CSS in JS 개념) 라이브러리 인데, Tailwind CSS 는 왜 '프레임워크'라고 불릴까요? 라이브러리와 프레임워크의 차이에 대해서는 알겠는데, Tailwind 는 어떤 이유로 '프레임워크'라고 불리는지 잘 모르겠습니당! ㅜㅜ

이 질문이 도움이 되었나요?
'추천해요' 버튼을 누르면 좋은 질문이 더 많은 사람에게 노출될 수 있어요. '보충이 필요해요' 버튼을 누르면 질문자에게 질문 내용 보충을 요청하는 알림이 가요.

답변 2

인기 답변

투안 응 우옌님의 프로필 사진

Tailwind CSS는 일반적으로 "프레임워크"로 분류되는 웹 개발 도구 중 하나입니다. 여기서 "프레임워크"란, 웹 개발을 더 쉽게하고 구성 요소를 재사용하며 코드를 효율적으로 작성할 수 있도록 도와주는 라이브러리나 도구 집합을 의미합니다. Tailwind CSS가 프레임워크로 간주되는 이유는 다음과 같습니다: ✅ 구성 요소와 스타일의 추상화: Tailwind CSS는 많은 기본 스타일 클래스를 제공하며, 이러한 클래스를 사용하여 웹 페이지의 구성 요소를 빠르게 스타일링할 수 있습니다. 이것은 개발자가 스타일을 직접 작성하는 대신 클래스를 사용하여 스타일을 추상화하고 재사용할 수 있도록 돕습니다. ✅ 모듈러 디자인 접근: Tailwind CSS는 모듈러 디자인을 촉진합니다. 개발자는 작은 단위의 클래스를 조합하여 복잡한 디자인 요소를 만들 수 있습니다. 이것은 코드의 모듈화를 장려하고 디자인 시스템을 일관되게 유지하는 데 도움이 됩니다. ✅ 프론트엔드 개발 생산성 향상: Tailwind CSS는 프론트엔드 개발자들에게 생산성 향상을 제공합니다. 클래스 기반 스타일링은 개발자가 디자인 요소를 빠르게 만들고 수정할 수 있도록 돕습니다. ✅ 반응형 디자인을 지원: Tailwind CSS는 반응형 디자인을 구현하기 위한 클래스를 제공합니다. 이것은 다양한 디바이스 및 화면 크기에 대응하는 데 도움이 됩니다. ✅ 커뮤니티와 에코시스템: Tailwind CSS는 활발한 커뮤니티와 풍부한 에코시스템을 가지고 있으며, 플러그인 및 확장 기능을 제공하여 더 많은 기능을 추가할 수 있습니다. 요약하면, Tailwind CSS는 웹 개발을 더 쉽고 효율적으로 만드는 도구로서 다양한 기능과 기능을 제공하며, 이러한 특성들로 인해 프레임워크로 간주됩니다.

인기 답변

김하림님의 프로필 사진

라이브러리는 내가 필요할 때 호출해서 쓰고, 프레임워크는 그 안의 규칙과 구조를 따라가면서 작업하는 특징이 있습니다. 테일윈드가 프레임워크인 이유는 공식 문서에서 "Tailwind CSS is a utility-first CSS framework"라고 명확하게 명시하고 있으며, 전반적인 기능/개발자와의 상호 작용/프로젝트에서의 활용 방법을 보았을 때 프레임워크로써의 역할을 하고 있기 때문입니다. 테일윈드는 미리 정의된 클래스 네임을 사용하고, `tailwind.config.js`를 통해 설정을 커스터마이징하며, 플러그인 기능을 통해 원하는 유틸리티나 컴포넌트를 개발할 수 있습니다. 이런 특징들이 결합되어서 사용자에게 일관적인 디자인 시스템을 제공하고, 그 안에서 일정한 규칙과 구조에 따라 작업을 진행하게 만든다는 점에서 Tailwind CSS는 프레임워크의 특성을 가진다고 볼 수 있습니다.

Code King Academy님의 프로필 사진

Code King Academy

작성자

Code Lika a KING / QUEEN2023년 10월 08일

헷갈렸었는데 이해가 되었습니당 ㅎㅎ 감사합니다!

지금 가입하면 모든 질문의 답변을 볼 수 있어요!

현직자들의 명쾌한 답변을 얻을 수 있어요.

또는

이미 회원이신가요?

목록으로
키워드로 질문 모아보기

실무, 커리어 고민이 있다면

새로운 질문 올리기

지금 가입하면 모든 질문의 답변을 볼 수 있어요!