2장 LESS 프리프로세서

2장 CSS 프리프로세서 사용하기 (Less)

CSS 프리프로세서는 CSS 스타일 시트를 효율적이고 체계적으로 작성하기 위한 프로그램입니다. 부트스트랩을 만드는데 사용된 Less의 사용법에 대해 전반적인 내용을 간략하게 알아보기로 합니다. 이번 장의 내용은 다음과 같습니다.

프리프로세서란?

스타일 시트를 사용해서 디자인하다 보면 중복되는 코드가 많습니다. 체계적인 스타일 시트를 만들기 위한 CSS 프리프로세서의 역할을 알아봅니다.

2-1

Less 사용 환경 만들기

Less를 사용하기 위해 자바스크립트 플러그인을 사용하는 방법과 컴파일러 프로그램인 SimpLESS를 설치하고 사용하는 방법을 알아봅니다.

2-2

Less를 이용한 메뉴 바 만들기

Less의 변수와 내포 규칙을 이용해 실제 메뉴 바를 만들고 이를 기반으로 믹신과 연산을 사용하는 방법을 알아봅니다.

2-3

함수와 믹신

Less의 함수는 수치와 색상을 변경하는 것이 주 기능입니다. 하나의 색상을 기준으로 여러 테마 색상을 만들 수 있습니다. 또한, 조건문에 충족할 때 스타일 시트를 변경할 수 있는 패턴 매칭과 가드 믹신에 대해 알아봅니다.

2-4

기타 기능

Less의 기능을 확장하기 위한 기능으로 @import를 사용해서 Less 파일이나 CSS 파일 가져오기, 보간법, 네임스페이스, 유효범위, 앰퍼샌드(&)의 기능에 대해 알아봅니다.

2-5

 

댓글 남기기

Home 트위터 부트스트랩 2장 LESS 프리프로세서
©트위터 부트스트랩 2012 Proudly powered by WordPress