(1)SCSS
SCSS(또는 Sass)는 CSS 전처리기(preprocessor)로서, CSS의 기능을 확장하고 개발자가 작성한 코드를 더욱 효율적으로 관리할 수 있도록 돕는 도구입니다. SCSS는 변수, 조건문, 반복문, 함수 등의 기능을 제공하여 CSS 작성 시 중복되는 코드를 줄이고, 코드의 가독성을 높이며 유지보수성을 향상시킵니다.
(2)Bootstrap
Bootstrap은 웹 개발에 널리 사용되는 오픈소스 프론트엔드 프레임워크입니다. Bootstrap은 HTML, CSS, JavaScript를 이용하여 모바일 우선 디자인, 반응형 웹 디자인 등을 쉽게 구현할 수 있도록 돕습니다. Bootstrap은 CSS 전처리기인 Less와 Sass(SCSS)를 이용하여 스타일링 코드를 작성합니다.
(3)관계
두 개념의 관계는 Bootstrap이 SCSS를 이용하여 CSS 코드를 작성한다는 점입니다. Bootstrap은 SCSS를 이용하여 미리 정의된 스타일 클래스를 구성하고, 이를 이용하여 웹 개발자들이 쉽게 스타일링할 수 있도록 합니다. SCSS를 이용함으로써 Bootstrap은 스타일 코드의 중복을 피하고 유지보수성을 높일 수 있습니다. 따라서 Bootstrap을 이용하여 개발할 때 SCSS의 이해와 활용은 매우 중요합니다.
'[HTML,CSS]' 카테고리의 다른 글
[CSS] em과 rem 비교 (feat. 브라우저 기본 설정 폰트 크기) (0) | 2023.04.25 |
---|---|
[CSS] 가운데 정렬하는 방법 - text-align과 line-height 심화 / flex 비교 (0) | 2023.04.22 |
[HTML,CSS] CSS 기본 단위(px, em, rem, % 등) 및 브라우저 영역viewpoint 기준 단위(vw,vh) (0) | 2023.04.20 |
[HTML] button과 input 태그 (0) | 2023.03.22 |
[HTML] Style 및 Script 태그 (0) | 2023.03.22 |