지운아빠

less 사용 중이신 분 있으신가요?

less, sass 등을 살펴보는 중인데요.

sass 는 ruby 를 설치해야하는 것 같고, less 는 클라이언트 사이드, 서버 사이드 중에 선택적으로 사용하는 차이점이 있는 것 같은데요. (제대로 이해한 건가요... ☞☜)

클라이언트 사이드에서 처리하면 아무래도 퍼포먼스 상 좋지 않을 것 같은데 어떻게들 사용하고 계신가요?
컴파일해서 사용하려면 따로 설치해야 되는 거나 설치법이 있나요?


추가.
php 에서 컴파일 http://leafo.net/lessphp
|

댓글 18개

제가 아는 선에서 이야기 해보자면
less는 클라이언트 사이드 언어입니다.
less는 스크립트의 도움을 받아 사용이 가능한데.. php로 컴파일되는 자료는 처음 봤네요.


다양한 포퍼먼스+프로그램별 유동적인 css를 작업 하기 위해서는 lessphp로 하는게 좋겠네요.
> 중요한것은 php변수를 less에서 사용가능하다는거죠 ^^

작업을 하다 안하다 반복해서 자세히 모르겠습니다.



제가 사용하는 less는 클라이언트 사이트 로 스크립트 + less 입니다.~
점점 손댈 곳이 많아지니 less 도입이 시급해지네요. ㄷㄷㄷ
less 도입시 효과는 크게 작용하죠.
다만 less를 사용하기 위하여 기본적인 로직을 이해 해야한다는 점이 ㅇㅅㅇ;;

반응형 추세로 가면서 less는 점점 필수화 되간다죠 ㅠ.ㅠ;
몇가지 제가 아는 부분과 다른 점이 있어서 남겨봅니다. (지적질 같아보여서 재수없는 것 같긴한데 ^^; 테러보이님이 쿨하게 받아주시리라 믿고 ^^)

- "php 변수를 less에서 사용가능하다"
less나 sass에서 사용하는 변수가 $ 로 시작하지만 그렇다고 php(와 연동해서 사용하는) 변수는 아닐것 같습니다.
$로 변수를 표현하는 것이, (아마도) perl에서 시작해서 php로 적용되었고,
웹 개발에 php가 많이 사용되는 less나 sass에서도 비슷하게 사용하는 것 같고요..
다른 언어들과 달리 굳이 $라는 prefix를 왜 붙이느냐, 라는 궁금증이 생길 수 있을텐데,
아마도 눈에 쉽게 들어오고, interpreter parsing 할때 (변수 시작 위치를 알기에) 속도가 빨리지기 때문이 아닐까 생각됩니다.

- "less가 클라이언트 사이드 언어이다"
클라이언트 사이드 언어가 되려면, 대부분의 브라우져가 별도의 플러그인/익스텐션 없이 처리가 되어야 하는데
말씀대로 js 스크립트가 있어야 하죠.

less나 sass, scss, stylus 등은 모두 전처리가 필요하죠.
그중 less는 php를 이용한 서버측 처리와 js를 이용한 클라이언트 측 처리의 솔루션이 나와있고
sass등은 아직까지는 대부분 ruby를 이용한 서버측 처리가 대세인 것 같고요.
그밖에 서버나 클라이언트에서 매번? 전처리를 하는 것보다는 아예 개발환경 자체에서 css로 만들어주는 방법도 꽤 쓰이고 있습니다.

혹시 잘못 알고 있는 것이 있다면 지적해주세요. ^^
php 변수 이야기는 php 변수'처럼'이 아니었을까 싶네요. ㅎㅎㅎ
전진님 말씀이 맞는데요 ㅠ.ㅠ;

$width = 3;
$less = new lessc;
echo $less->compile(".block { padding: {$width} + 4px }");

이런거라죠 ㅎㅎ;;;;
에잉 괜히 꼽싸리 꼈네요 ㅋ
근데 그럼 연동된단 소린가요? 아놔 이거 LESS RESS 때문에 집중이 안 되네요. ㅋㅋ
써봐야 뭘 좀 알텐데 ㅠ
아직 저도 less입문단계라서 ㅎㅎㅎㅎ

너무 어려워요.
하면 할수록 php 랑 헛갈려서 ㅋㅋㅋ
오, 저는 이렇게 사용하는 것은 몰랐습니다. ^^
역시 (저의) 지적질은 재수없죠? ^^;
아뇨~
제가 잘못알거나 모르는 내용이 있어서 좋은 도움이 되었습니다.~~~
제 기준으로 '재수'없는 글은 정확한 근거자료없이 나 잘났다라는 글밖에 없어요 ㅋㅋㅋㅋ
- "php 변수를 less에서 사용가능하다" 에 대한 답변
php 로 렌더링 하는 자료는 이글에서 처음보는 거라서 자세히는 모릅니다.
$width = 3;
$less = new lessc;
echo $less->compile(".block { padding: {$width} + 4px }");
이런식으로 사용이 가능 하다는 뜻이였습니다.



- "less가 클라이언트 사이드 언어이다" 에 대한 내용
클라이언트 사이드 라는게 서버에서 처리 없이 브라우져에서 처리 가능한 것들을 지칭하는것이 아니였나요??? ㅎㅎㅎ
지금까지 그렇게 알고 있어서 위 댓글처럼 언급했던것입니다 ㅠ.ㅠ;
귓 동량 + 구글신 + 스톡오버플로우 로만 공부하다보니 제가 아는 지식중 많이 틀리는경우가 많아서요 ^^


감사합니다.!
Sass 는 작년까지만 해도 @extends 나 placeholders 처럼 LESS 에는 없는 기능들이 있었습니다. (Sass 가 더 오래된 pre-processor 라서 더 복합적인 기능을 제공한거죠.)

그렇지만 설치가 까다롭고, (말씀하신 Ruby 설치등) 그래서 점점 더 많은 사람들이 Sass 에 비해 기능적인 제약에도 불구하고 LESS 로 몰렸습니다.

그리고 이렇게 사용자가 많아지면서 LESS 의 기능들도 Sass 를 이제 다 쫒아왔습니다.

만약 제가 오늘 다시 어느쪽을 선택해야 할지 결정해야 한다면 저는 LESS 로 갈 것 같습니다.

그런데 이제는 Sass 에 익숙해져서 LESS 사용이 쉽지가 않은 상태.....

한번 선택하시면 그쪽으로 쭉 가야 합니다. 아주 옛날에 워드냐 아래한글이냐, 이런 차이 입니다.

어느쪽이 더 우수하다기 보다, 내 손에 익는 걸 계속 사용할 수 밖에 없게 되는,.....

더구나 bootstrap 으로 반응형 짜실거면 LESS 가 더 좋은 선택이 되실 겁니다.

/////////////

Rails 환경에서 scripting 하실거면 무조건 Sass 이긴 한데, 사실 저나 지운아빠님이나 Rails 관련된 일을 평생 하실일은 없을 것 같아서... ㅎㅎㅎㅎㅎ

Rails 말고는 굳이 Sass 를 쓸 이유가 전혀 없다고 봅니다.
역시 이쪽 분야는 씨샵투님이 많이 아시는것 같네요!!!
고맙습니다!
Sass 와 LESS 에 대한 저의 자세한 생각.

http://sir.co.kr/bbs/board.php?bo_table=cm_free&wr_id=968876&page=0&posting=ok&sca=&sfl=&stx=&sst=&sod=&spt=0&page=0
부트스트랩 가지고 놀때 Crunch로 LESS -> CSS 변환해서 올렸습니다 ㄷ
감사합니다.
댓글을 작성하시려면 로그인이 필요합니다. 로그인

프로그램

태그 필터 (최대 3개) 전체 개발자 소스 기타 mysql 팁자료실 javascript php linux flash 정규표현식 jquery node.js mobile 웹서버 os 프로그램 강좌 썸네일 이미지관련 도로명주소 그누보드5 기획자 견적서 계약서 기획서 마케팅 제안서 seo 통계 서식 통계자료 퍼블리셔 html css 반응형 웹접근성 퍼블리싱 표준화 반응형웹 홈페이지기초 부트스트랩 angularjs 포럼 스크린리더 센스리더 개발자톡 개발자팁 퍼블리셔톡 퍼블리셔팁 기획자톡 기획자팁 프로그램강좌 퍼블리싱강좌
+
제목 글쓴이 날짜 조회
12년 전 조회 1,650
12년 전 조회 756
12년 전 조회 514
12년 전 조회 1,084
12년 전 조회 1,424
12년 전 조회 670
12년 전 조회 772
12년 전 조회 1,013
12년 전 조회 1,790
12년 전 조회 686
12년 전 조회 933
12년 전 조회 2,893
12년 전 조회 665
12년 전 조회 578
12년 전 조회 470
12년 전 조회 1,246
12년 전 조회 1,058
12년 전 조회 3,714
12년 전 조회 867
12년 전 조회 737
12년 전 조회 609
12년 전 조회 494
12년 전 조회 1,018
12년 전 조회 740
12년 전 조회 879
12년 전 조회 404
12년 전 조회 445
12년 전 조회 575
12년 전 조회 979
12년 전 조회 965
12년 전 조회 449
12년 전 조회 817
12년 전 조회 4,601
12년 전 조회 2,618
12년 전 조회 870
12년 전 조회 622
12년 전 조회 1,424
12년 전 조회 788
12년 전 조회 5,168
12년 전 조회 6,245
12년 전 조회 1,084
12년 전 조회 848
12년 전 조회 491
12년 전 조회 1,015
12년 전 조회 908
12년 전 조회 890
12년 전 조회 658
12년 전 조회 964
12년 전 조회 1,368
12년 전 조회 1,541
12년 전 조회 796
12년 전 조회 1,903
12년 전 조회 716
12년 전 조회 1,009
12년 전 조회 1,709
12년 전 조회 1,981
12년 전 조회 1,768
12년 전 조회 1,931
12년 전 조회 2,443
12년 전 조회 1,074
12년 전 조회 1,569
12년 전 조회 3,691
12년 전 조회 1,573
12년 전 조회 1,611
12년 전 조회 1,385
12년 전 조회 1,010
12년 전 조회 1,265
12년 전 조회 1,175
12년 전 조회 1,383
12년 전 조회 1,998
12년 전 조회 1,537
12년 전 조회 1,391
12년 전 조회 3,922
12년 전 조회 1,547
12년 전 조회 876
12년 전 조회 1,575
12년 전 조회 662
12년 전 조회 939
12년 전 조회 1,332
12년 전 조회 1,223
12년 전 조회 5,192
12년 전 조회 2,548
12년 전 조회 1,812
12년 전 조회 650
12년 전 조회 2,258
12년 전 조회 854
12년 전 조회 1,175
12년 전 조회 886
12년 전 조회 3,391
12년 전 조회 809
12년 전 조회 3,698
12년 전 조회 1,383
12년 전 조회 1,664
12년 전 조회 2,280
12년 전 조회 2,341
12년 전 조회 604
12년 전 조회 676
12년 전 조회 1,334
12년 전 조회 650
12년 전 조회 828
🐛 버그신고