본문으로 이동

CSS 프레임워크

위키백과, 우리 모두의 백과사전.

CSS 프레임워크(CSS framework)는 CSS(Cascading Style Sheets) 언어를 사용하여 더 쉽고 표준을 준수하는 웹 디자인을 가능하게 하는 라이브러리이다. 이러한 프레임워크의 대부분은 적어도 하나의 그리드를 포함하고 있다. 더 기능적인 프레임워크는 더 많은 특징과 추가적인 자바스크립트 기반 기능을 제공하지만, 대개 디자인 지향적이며 대화형 UI 패턴에 초점을 맞춘다. 이러한 세부 사항은 CSS 프레임워크를 다른 자바스크립트 프레임워크와 구별 짓는다.

주목할 만하고 널리 사용되는 두 가지 예로는 부트스트랩과 파운데이션이 있다.

CSS 프레임워크는 다양한 모듈과 도구를 제공한다:

더 큰 프레임워크들은 Less나 Sass와 같은 CSS 해석기를 사용한다.

주요 CSS 프레임워크 목록

[편집]
이름 최신 버전 라이선스 그리드 단위 특징 No.
버전날짜
블루프린트(Blueprint) 1.0.12011년 5월 14일[1] MIT 라이선스 타이포그래피, 폼, 인쇄, 버튼·탭·스프라이트용 플러그인.
부트스트랩 5.3.32024년 2월 20일[2][3][4] MIT 라이선스
(3.1.0 이전 아파치 라이선스)		 고정형, 유동형, 반응형 px, % 레이아웃, 타이포그래피, 폼, 버튼, 내비게이션, 미디어 쿼리, .sass 파일, 자바스크립트 라이브러리, RTL 레이아웃. 임의,
기본 12[5]
파운데이션 6.7.52022년 7월 13일[6] MIT 라이선스 유동형 px, % 반응형 레이아웃, 소스 순서 지정, 타이포그래피, 폼, 버튼, 내비게이션, 미디어 쿼리, 자바스크립트 라이브러리. 임의,
기본 12[7]
YAML 4.1.22013년 7월 28일[8] CC-BY 2.0 고정형, 탄력형, 유동형 px, em, % 레이아웃, 그리드, 단, 폼, 버튼, 반응형 레이아웃을 위한 점진적 선형화, float 처리, 내비게이션, 타이포그래피, 접근성 및 애드온 (접근 가능한 탭, RTL 지원, 마이크로포맷). 임의
YUI CSS 그리드 3.18.12014년 10월 22일[9] BSD-3 고정형 및 유동형
테일윈드 3.4.32024년 3월 27일[10][11] MIT 라이선스 고정형, 유동형, 반응형 임의

각주

[편집]
  1. ↑ “Releases · joshuaclayton/blueprint-css · GitHub” (영어). 《GitHub》. 2020년 4월 23일에 확인함. This repository has been archived by the owner. It is now read-only.
  2. ↑ “Releases · twbs/bootstrap · GitHub” (영어). 《GitHub》. 2014년 6월 1일에 원본 문서에서 보존된 문서. 2021년 11월 15일에 확인함.
  3. ↑ Déramond, Julien (2024년 2월 20일). “Bootstrap 5.3.3” (영어). 《blog.getbootstrap.com》. 2024년 4월 11일에 확인함.
  4. ↑ “bootstrap” (영어). 《npm》. 2024년 2월 20일. 2024년 4월 11일에 확인함.
  5. ↑ Bootstrap documentation - Customizing the grid
  6. ↑ “Releases · foundation/foundation-sites · GitHub” (영어). 《GitHub》. 2020년 4월 24일에 확인함.
  7. ↑ Foundation documentation - The Grid
  8. ↑ “Releases · yamlcss/yaml · GitHub” (영어). 《GitHub》. 2020년 4월 24일에 확인함.
  9. ↑ “Releases · yui/yui3 · GitHub” (영어). 《GitHub》. 2020년 4월 24일에 확인함.
  10. ↑ “Releases · tailwindlabs/tailwindcss” (영어). 《GitHub》. 2024년 4월 11일에 확인함.
  11. ↑ “tailwindcss” (영어). 《npm》. 2024년 3월 27일. 2024년 4월 11일에 확인함.
원본 주소 "https://ko.wikipedia.org/w/index.php?title=CSS_프레임워크&oldid=41165733"