웹 입문

CSS 프레임워크 활용

CSS 프레임워크는 미리 정해진 컴포넌트와 유틸리티 규칙으로 구현 속도와 일관성을 얻는 대신, 커스터마이징 비용과 번들 크기 제약을 함께 가져옵니다.

컴포넌트 제공 범위, 커스터마이징 비용, 팀 작업 속도를 기준으로 CSS 프레임워크 선택 기준을 정리합니다.

1

CSS 프레임워크 기준

CSS 프레임워크(CSS Framework): 웹 페이지의 스타일링을 위해 미리 작성된 CSS 코드와 컴포넌트, 그리드 시스템 등을 모아 놓은 라이브러리입니다.

CSS 프레임워크
2

대표 프레임워크 비교

Bootstrap처럼 완성 컴포넌트를 제공하는 방식과 Tailwind처럼 유틸리티 클래스를 조합하는 방식을 비교합니다.

조립식
3

프로젝트 조건별 선택

프레임워크 선택은 프로젝트의 요구사항과 팀의 선호도에 따라 달라집니다.

Bootstrap