# Less

9개의 포스트
post-thumbnail

Sass vs Less vs Emotion

회사에서 새 프로젝트가 진행되며 Sass vs Less vs Emotion 중 어떤 것을 쓸지 고민 했다.

2022년 7월 3일
·
0개의 댓글
·
post-thumbnail

CSS 프레임워크

CSS 전처리기는 우리(개발자)에겐 CSS보단 친화적이지만 브라우저가 해석하지 못하는 언어로 작성된 스크립트를 별도 플러그인과 프레임워크를 통해 우리가 아는 CSS로 변환하는데 사용한다. 기존 CSS의 단점인 유지보수의 불편함 등을 보완한다.Sass는 기본적으로 SAS

2022년 6월 30일
·
0개의 댓글
·

Utils

less Node pair & make_pair lexicographical_compare 두 구간의 대응되는 요소를 차례대로 비교하는데 첫 번째 요소가 두 번째 요소보다 작으면 true를 리턴하고 크면 false를 리턴하며 즉시 종료한다. 만약 같다면 다음 요소를 똑같은 방식으로 계속 비교하기를 구간끝까지 반복한다. 디폴트 비교 함수 객체가 les...

2021년 11월 29일
·
0개의 댓글
·
post-thumbnail

Next.js에서 Ant Design primary color 변경하기

antd 컬러를 우리 프로젝트 컬러로 바꿔주기

2021년 11월 9일
·
2개의 댓글
·
post-thumbnail

TIL. PostCSS

PostCSS 는 CSS 전처리기를 의미한다. 기본적인 css 만으로는 (다른 브라우저와의 호환성을 위해서) 중복적으로 작성해야 하는 경우가 많기 때문에 반복적인 코드 작성을 최소화하고자 등장한 전처리기이다. 또 다른 CSS 전처리기인 Sass, Less 와는 다르며,

2021년 1월 28일
·
0개의 댓글
·

TIL2(2020.12.07)

js에서 반복적이고 자주 사용되는 작업을 자동화해주는 툴(또는 빌드 시스템)작업시간을 줄일 수 있어 생산성 향상에 큰 도움이 됨Grunt 또는 webpack과 비교됨js 라이브러리, 서드파티 앱 등을 모으고 축소/압축단위테스트(unit test) 수행less/css 컴

2020년 12월 10일
·
0개의 댓글
·

LESS vs CSS

CSS는 같은 내용을 반복해 입력해야 하는 작업이 많다.그렇다면 같은 값을 변수로 저장해 여러 번 사용하는 게 좋고, CSS도 :root {\--primaryColor:value}처럼 변수 선언을 제공하지만, LESS는 이에 비해서 내장 함수나 mixin그리고 nest

2020년 9월 22일
·
0개의 댓글
·

[Less] Less 기본

variable을 사용할 수 없다.이미 선언된 클래스를 재사용(mixin) 할 수 없다.중첩된 룰 처리operation 처리css의 아쉬운 점을 보완. 그러나 브라우저에서 인식할 수 없다.프로그래밍을 하듯이 css 작업을 할 수 있다.변수 @를 붙여 선언한다.mixin

2020년 6월 27일
·
0개의 댓글
·
post-thumbnail

자주 쓰는 html,css

css float한거 영역 채우기 clearfix img float 속성을 적용한 요소의 부모요소에 ::after를 사용해주면 된다. span과 ul태그를 감싸는 div 태그에 ::after를 추가하였습니다. 레퍼런스 : CSS / float를 clear하는

2019년 12월 19일
·
0개의 댓글
·