본문 바로가기
Program

[less]1부 - 스타일 시트와 동일한 less에 대하여 알아보자

by 한빛가람 2017. 2. 16.
반응형




본 문서를 찾아오신 분들은 less를 처음 입문하시려는 분들로 간주하겠습니다.


less는 2009년에 Ruby 언어를 기반으로 Alexis Sellier가 제작한 언어입니다.

서버용 스크립트(자동 컴파일)와, 클라이언트 스크립트(자바스크립트를 불러와서 구동하는 방식), 기타 네이티브 스크립트 등 여러 언어로 포팅되어 각종 프로그래밍 언어에 제공되고 있습니다.


추가로 설명해드리자면 less와 비슷한 언어로 SASS라는 언어가 있는데요. 

둘이 문법은 거의 매우 흡사하고 비슷하나, 컴파일을 할지, 하지 않을지 유무로만 구분하고 있습니다.


또한 변수 처리방식의 일부 차이도 존재하고요.

대부분이 웹 페이지 스타일의 목적으로 클라이언트단(Front-End)에서 많이 사용합니다.


더군다나 less가 좋은 점은 CSS에 대해 언어가 직접적인 호환성을 지니기 때문에, less코드 내부에 css로 코딩을 해도 무방합니다.


Q : "그래서 왜 less를 써야하는거에요? 굳이 CSS로 코딩하면 안됩니까아?"

A : "CSS코딩이 상대적으로 쉬울지도 모르겠지만, 색상코드를 반복하여 사용하거나

너무 많이 수정해서 난잡한 스파게티 스타일시트를 보면 건드리기 힘든 부분이 은근히

많아 생활 속에서 빈번히 찾아볼 수 있습니다. 반복작업과 빠른 시간안에 코딩을 하기 위해

less는 스타일 시트 작업을 풍요롭게 해줄 좋은 친구가 되지 않을까 싶습니다."



기본 문법은

변수는 @를 앞에 두고 선언합니다.

@변수명 : "#ccc";


함수는 .으로 시작해서 제작 가능합니다.


자세한건 2부에서 전해드리겠습니다.

(퇴근해서 피곤하니 자고 익일에 써야죠)


아래의 사랑표(하트)버튼을 눌러주시면 블로그에 매우 큰 도움이됩니다. 히히


Copyright © 이동마이의 컴퓨터 하루 & 이서현(myskys2) All Rights Reserved.




반응형
크리에이티브 커먼즈 라이선스
한빛가람 필자가 게시한 대부분의 블로그 게시물은 크리에이티브 커먼즈 저작자표시-비영리-동일조건변경허락 4.0 국제 라이선스에 따라 이용할 수 있습니다. 게시물에 CCL이 적용되지 아니하다고 적혀있는 경우엔 본 라이선스 적용 대상이 아닙니다.

댓글