less, sass 등을 살펴보는 중인데요.
sass 는 ruby 를 설치해야하는 것 같고, less 는 클라이언트 사이드, 서버 사이드 중에 선택적으로 사용하는 차이점이 있는 것 같은데요. (제대로 이해한 건가요... ☞☜)
클라이언트 사이드에서 처리하면 아무래도 퍼포먼스 상 좋지 않을 것 같은데 어떻게들 사용하고 계신가요?
컴파일해서 사용하려면 따로 설치해야 되는 거나 설치법이 있나요?
추가.
php 에서 컴파일 http://leafo.net/lessphp
댓글 18개
Terrorboy
12년 전
제가 아는 선에서 이야기 해보자면
less는 클라이언트 사이드 언어입니다.
less는 스크립트의 도움을 받아 사용이 가능한데.. php로 컴파일되는 자료는 처음 봤네요.
다양한 포퍼먼스+프로그램별 유동적인 css를 작업 하기 위해서는 lessphp로 하는게 좋겠네요.
> 중요한것은 php변수를 less에서 사용가능하다는거죠 ^^
작업을 하다 안하다 반복해서 자세히 모르겠습니다.
제가 사용하는 less는 클라이언트 사이트 로 스크립트 + less 입니다.~
less는 클라이언트 사이드 언어입니다.
less는 스크립트의 도움을 받아 사용이 가능한데.. php로 컴파일되는 자료는 처음 봤네요.
다양한 포퍼먼스+프로그램별 유동적인 css를 작업 하기 위해서는 lessphp로 하는게 좋겠네요.
> 중요한것은 php변수를 less에서 사용가능하다는거죠 ^^
작업을 하다 안하다 반복해서 자세히 모르겠습니다.
제가 사용하는 less는 클라이언트 사이트 로 스크립트 + less 입니다.~
12년 전
점점 손댈 곳이 많아지니 less 도입이 시급해지네요. ㄷㄷㄷ
Terrorboy
12년 전
less 도입시 효과는 크게 작용하죠.
다만 less를 사용하기 위하여 기본적인 로직을 이해 해야한다는 점이 ㅇㅅㅇ;;
반응형 추세로 가면서 less는 점점 필수화 되간다죠 ㅠ.ㅠ;
다만 less를 사용하기 위하여 기본적인 로직을 이해 해야한다는 점이 ㅇㅅㅇ;;
반응형 추세로 가면서 less는 점점 필수화 되간다죠 ㅠ.ㅠ;
12년 전
몇가지 제가 아는 부분과 다른 점이 있어서 남겨봅니다. (지적질 같아보여서 재수없는 것 같긴한데 ^^; 테러보이님이 쿨하게 받아주시리라 믿고 ^^)
- "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 변수를 less에서 사용가능하다"
less나 sass에서 사용하는 변수가 $ 로 시작하지만 그렇다고 php(와 연동해서 사용하는) 변수는 아닐것 같습니다.
$로 변수를 표현하는 것이, (아마도) perl에서 시작해서 php로 적용되었고,
웹 개발에 php가 많이 사용되는 less나 sass에서도 비슷하게 사용하는 것 같고요..
다른 언어들과 달리 굳이 $라는 prefix를 왜 붙이느냐, 라는 궁금증이 생길 수 있을텐데,
아마도 눈에 쉽게 들어오고, interpreter parsing 할때 (변수 시작 위치를 알기에) 속도가 빨리지기 때문이 아닐까 생각됩니다.
- "less가 클라이언트 사이드 언어이다"
클라이언트 사이드 언어가 되려면, 대부분의 브라우져가 별도의 플러그인/익스텐션 없이 처리가 되어야 하는데
말씀대로 js 스크립트가 있어야 하죠.
less나 sass, scss, stylus 등은 모두 전처리가 필요하죠.
그중 less는 php를 이용한 서버측 처리와 js를 이용한 클라이언트 측 처리의 솔루션이 나와있고
sass등은 아직까지는 대부분 ruby를 이용한 서버측 처리가 대세인 것 같고요.
그밖에 서버나 클라이언트에서 매번? 전처리를 하는 것보다는 아예 개발환경 자체에서 css로 만들어주는 방법도 꽤 쓰이고 있습니다.
혹시 잘못 알고 있는 것이 있다면 지적해주세요. ^^
12년 전
php 변수 이야기는 php 변수'처럼'이 아니었을까 싶네요. ㅎㅎㅎ
Terrorboy
12년 전
전진님 말씀이 맞는데요 ㅠ.ㅠ;
$width = 3;
$less = new lessc;
echo $less->compile(".block { padding: {$width} + 4px }");
이런거라죠 ㅎㅎ;;;;
$width = 3;
$less = new lessc;
echo $less->compile(".block { padding: {$width} + 4px }");
이런거라죠 ㅎㅎ;;;;
12년 전
에잉 괜히 꼽싸리 꼈네요 ㅋ
근데 그럼 연동된단 소린가요? 아놔 이거 LESS RESS 때문에 집중이 안 되네요. ㅋㅋ
써봐야 뭘 좀 알텐데 ㅠ
근데 그럼 연동된단 소린가요? 아놔 이거 LESS RESS 때문에 집중이 안 되네요. ㅋㅋ
써봐야 뭘 좀 알텐데 ㅠ
Terrorboy
12년 전
아직 저도 less입문단계라서 ㅎㅎㅎㅎ
너무 어려워요.
하면 할수록 php 랑 헛갈려서 ㅋㅋㅋ
너무 어려워요.
하면 할수록 php 랑 헛갈려서 ㅋㅋㅋ
12년 전
오, 저는 이렇게 사용하는 것은 몰랐습니다. ^^
역시 (저의) 지적질은 재수없죠? ^^;
역시 (저의) 지적질은 재수없죠? ^^;
Terrorboy
12년 전
아뇨~
제가 잘못알거나 모르는 내용이 있어서 좋은 도움이 되었습니다.~~~
제가 잘못알거나 모르는 내용이 있어서 좋은 도움이 되었습니다.~~~
Terrorboy
12년 전
제 기준으로 '재수'없는 글은 정확한 근거자료없이 나 잘났다라는 글밖에 없어요 ㅋㅋㅋㅋ
Terrorboy
12년 전
- "php 변수를 less에서 사용가능하다" 에 대한 답변
php 로 렌더링 하는 자료는 이글에서 처음보는 거라서 자세히는 모릅니다.
$width = 3;
$less = new lessc;
echo $less->compile(".block { padding: {$width} + 4px }");
이런식으로 사용이 가능 하다는 뜻이였습니다.
- "less가 클라이언트 사이드 언어이다" 에 대한 내용
클라이언트 사이드 라는게 서버에서 처리 없이 브라우져에서 처리 가능한 것들을 지칭하는것이 아니였나요??? ㅎㅎㅎ
지금까지 그렇게 알고 있어서 위 댓글처럼 언급했던것입니다 ㅠ.ㅠ;
귓 동량 + 구글신 + 스톡오버플로우 로만 공부하다보니 제가 아는 지식중 많이 틀리는경우가 많아서요 ^^
감사합니다.!
php 로 렌더링 하는 자료는 이글에서 처음보는 거라서 자세히는 모릅니다.
$width = 3;
$less = new lessc;
echo $less->compile(".block { padding: {$width} + 4px }");
이런식으로 사용이 가능 하다는 뜻이였습니다.
- "less가 클라이언트 사이드 언어이다" 에 대한 내용
클라이언트 사이드 라는게 서버에서 처리 없이 브라우져에서 처리 가능한 것들을 지칭하는것이 아니였나요??? ㅎㅎㅎ
지금까지 그렇게 알고 있어서 위 댓글처럼 언급했던것입니다 ㅠ.ㅠ;
귓 동량 + 구글신 + 스톡오버플로우 로만 공부하다보니 제가 아는 지식중 많이 틀리는경우가 많아서요 ^^
감사합니다.!
cshop2
12년 전
Sass 는 작년까지만 해도 @extends 나 placeholders 처럼 LESS 에는 없는 기능들이 있었습니다. (Sass 가 더 오래된 pre-processor 라서 더 복합적인 기능을 제공한거죠.)
그렇지만 설치가 까다롭고, (말씀하신 Ruby 설치등) 그래서 점점 더 많은 사람들이 Sass 에 비해 기능적인 제약에도 불구하고 LESS 로 몰렸습니다.
그리고 이렇게 사용자가 많아지면서 LESS 의 기능들도 Sass 를 이제 다 쫒아왔습니다.
만약 제가 오늘 다시 어느쪽을 선택해야 할지 결정해야 한다면 저는 LESS 로 갈 것 같습니다.
그런데 이제는 Sass 에 익숙해져서 LESS 사용이 쉽지가 않은 상태.....
한번 선택하시면 그쪽으로 쭉 가야 합니다. 아주 옛날에 워드냐 아래한글이냐, 이런 차이 입니다.
어느쪽이 더 우수하다기 보다, 내 손에 익는 걸 계속 사용할 수 밖에 없게 되는,.....
더구나 bootstrap 으로 반응형 짜실거면 LESS 가 더 좋은 선택이 되실 겁니다.
/////////////
Rails 환경에서 scripting 하실거면 무조건 Sass 이긴 한데, 사실 저나 지운아빠님이나 Rails 관련된 일을 평생 하실일은 없을 것 같아서... ㅎㅎㅎㅎㅎ
Rails 말고는 굳이 Sass 를 쓸 이유가 전혀 없다고 봅니다.
그렇지만 설치가 까다롭고, (말씀하신 Ruby 설치등) 그래서 점점 더 많은 사람들이 Sass 에 비해 기능적인 제약에도 불구하고 LESS 로 몰렸습니다.
그리고 이렇게 사용자가 많아지면서 LESS 의 기능들도 Sass 를 이제 다 쫒아왔습니다.
만약 제가 오늘 다시 어느쪽을 선택해야 할지 결정해야 한다면 저는 LESS 로 갈 것 같습니다.
그런데 이제는 Sass 에 익숙해져서 LESS 사용이 쉽지가 않은 상태.....
한번 선택하시면 그쪽으로 쭉 가야 합니다. 아주 옛날에 워드냐 아래한글이냐, 이런 차이 입니다.
어느쪽이 더 우수하다기 보다, 내 손에 익는 걸 계속 사용할 수 밖에 없게 되는,.....
더구나 bootstrap 으로 반응형 짜실거면 LESS 가 더 좋은 선택이 되실 겁니다.
/////////////
Rails 환경에서 scripting 하실거면 무조건 Sass 이긴 한데, 사실 저나 지운아빠님이나 Rails 관련된 일을 평생 하실일은 없을 것 같아서... ㅎㅎㅎㅎㅎ
Rails 말고는 굳이 Sass 를 쓸 이유가 전혀 없다고 봅니다.
Terrorboy
12년 전
역시 이쪽 분야는 씨샵투님이 많이 아시는것 같네요!!!
12년 전
고맙습니다!
cshop2
12년 전
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
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
THIRD
12년 전
부트스트랩 가지고 놀때 Crunch로 LESS -> CSS 변환해서 올렸습니다 ㄷ
12년 전
감사합니다.
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 6430 | 12년 전 | 979 | ||
| 6429 | 12년 전 | 9103 | ||
| 6428 | 12년 전 | 603 | ||
| 6427 |
제이티37
|
12년 전 | 1570 | |
| 6426 |
프로프리랜서
|
12년 전 | 1154 | |
| 6425 |
프로프리랜서
|
12년 전 | 1608 | |
| 6424 |
프로프리랜서
|
12년 전 | 1812 | |
| 6423 | 12년 전 | 1000 | ||
| 6422 |
퍼블리셔지노군
|
12년 전 | 1574 | |
| 6421 | 12년 전 | 2207 | ||
| 6420 |
 신현종실장 |
12년 전 | 1334 | |
| 6419 |
 돼지코구뇽 |
12년 전 | 1287 | |
| 6418 | 12년 전 | 1182 | ||
| 6417 |
senseme
|
12년 전 | 7421 | |
| 6416 |
senseme
|
12년 전 | 1330 | |
| 6415 |
senseme
|
12년 전 | 1192 | |
| 6414 |
senseme
|
12년 전 | 1968 | |
| 6413 |
senseme
|
12년 전 | 973 | |
| 6412 |
senseme
|
12년 전 | 1491 | |
| 6411 |
senseme
|
12년 전 | 1100 | |
| 6410 |
senseme
|
12년 전 | 1046 | |
| 6409 |
PASKRAN
|
12년 전 | 2818 | |
| 6408 | 12년 전 | 10799 | ||
| 6407 | 12년 전 | 2990 | ||
| 6406 |
프로프리랜서
|
12년 전 | 2833 | |
| 6405 |
프로프리랜서
|
12년 전 | 1371 | |
| 6404 |
프로프리랜서
|
12년 전 | 2724 | |
| 6403 |
프로프리랜서
|
12년 전 | 818 | |
| 6402 |
프로프리랜서
|
12년 전 | 1731 | |
| 6401 |
프로프리랜서
|
12년 전 | 1139 | |
| 6400 |
프로프리랜서
|
12년 전 | 1464 | |
| 6399 |
프로프리랜서
|
12년 전 | 1179 | |
| 6398 |
프로프리랜서
|
12년 전 | 1488 | |
| 6397 |
프로프리랜서
|
12년 전 | 3604 | |
| 6396 | 12년 전 | 1870 | ||
| 6395 | 12년 전 | 920 | ||
| 6394 |
신현종실장 |
12년 전 | 5240 | |
| 6393 |
제이티37
|
12년 전 | 1203 | |
| 6392 |
songsinica
|
12년 전 | 1206 | |
| 6391 |
 카카오툴즈 |
12년 전 | 3386 | |
| 6390 |
 cshop2 |
12년 전 | 1626 | |
| 6389 | 12년 전 | 4859 | ||
| 6388 |
스누피사랑
|
12년 전 | 5431 | |
| 6387 | 12년 전 | 1838 | ||
| 6386 | 12년 전 | 3059 | ||
| 6385 |
희망과열정
|
12년 전 | 926 | |
| 6384 | 12년 전 | 3293 | ||
| 6383 | 12년 전 | 10600 | ||
| 6382 |
신현종실장 |
12년 전 | 5790 | |
| 6381 |
SugarSkull
|
12년 전 | 1031 | |
| 6380 | 12년 전 | 777 | ||
| 6379 |
 hy미디어 |
12년 전 | 1984 | |
| 6378 | 12년 전 | 1562 | ||
| 6377 | 12년 전 | 497 | ||
| 6376 |
후라보노보노
|
12년 전 | 1332 | |
| 6375 | 12년 전 | 2867 | ||
| 6374 | 12년 전 | 834 | ||
| 6373 | 12년 전 | 2367 | ||
| 6372 |
takumi22
|
12년 전 | 1241 | |
| 6371 |
개초보제이
|
12년 전 | 774 | |
| 6370 |
고급자가되고
|
12년 전 | 1461 | |
| 6369 | 12년 전 | 884 | ||
| 6368 | 12년 전 | 3182 | ||
| 6367 | 12년 전 | 1880 | ||
| 6366 | 12년 전 | 2879 | ||
| 6365 |
lilyosia
|
12년 전 | 1796 | |
| 6364 | 12년 전 | 1057 | ||
| 6363 | 12년 전 | 1589 | ||
| 6362 | 12년 전 | 2734 | ||
| 6361 | 12년 전 | 2560 | ||
| 6360 | 12년 전 | 1007 | ||
| 6359 | 12년 전 | 2104 | ||
| 6358 |
 gilynh |
12년 전 | 1787 | |
| 6357 |
에헤라디야자진방아를돌려라
|
12년 전 | 778 | |
| 6356 | 12년 전 | 2086 | ||
| 6355 | 12년 전 | 3787 | ||
| 6354 | 12년 전 | 3102 | ||
| 6353 | 12년 전 | 1547 | ||
| 6352 | 12년 전 | 7769 | ||
| 6351 | 12년 전 | 2540 | ||
| 6350 | 12년 전 | 2798 | ||
| 6349 | 12년 전 | 1880 | ||
| 6348 | 12년 전 | 3546 | ||
| 6347 | 12년 전 | 1447 | ||
| 6346 | 12년 전 | 1185 | ||
| 6345 | 12년 전 | 1835 | ||
| 6344 | 12년 전 | 1413 | ||
| 6343 |
프로프리랜서
|
12년 전 | 2059 | |
| 6342 |
프로프리랜서
|
12년 전 | 1383 | |
| 6341 |
프로프리랜서
|
12년 전 | 1812 | |
| 6340 |
프로프리랜서
|
12년 전 | 1899 | |
| 6339 |
프로프리랜서
|
12년 전 | 1340 | |
| 6338 |
프로프리랜서
|
12년 전 | 1597 | |
| 6337 | 12년 전 | 5268 | ||
| 6336 |
프로프리랜서
|
12년 전 | 1630 | |
| 6335 |
프로프리랜서
|
12년 전 | 951 | |
| 6334 |
프로프리랜서
|
12년 전 | 1328 | |
| 6333 |
프로프리랜서
|
12년 전 | 2441 | |
| 6332 | 12년 전 | 1102 | ||
| 6331 |
돗단배123
|
12년 전 | 1421 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기