# scss

62개의 포스트
post-thumbnail

css 로 텍스트에 gradient, 이미지 적용하기 (feat. githubuniverse, hex2rgba)

text에 이미지와 그라디언트를 넣을 수 있는 이런 힙해보일 수 있는 기술을 초보 웹 개발자로서 놓칠 수 없다는 생각에 헐레벌떡 css 코드를 알아봤다.

2020년 10월 17일
·
0개의 댓글
post-thumbnail

@mixin and @include

내가 정의한 스타일 속성을 함수로 만들고 재사용성을 높이기 위해 사용한다.

2020년 10월 9일
·
0개의 댓글
post-thumbnail

rgba

간단하게 말하면 rgb + opacity, rgb 색상 값에 투명도가 추가된 것.

2020년 10월 9일
·
0개의 댓글
post-thumbnail

SCSS

Sass - js 방식을 css에서 사용해보고자 나왔다.

2020년 10월 7일
·
0개의 댓글
post-thumbnail

TIL 2020.07.03

2020년 10월 5일
·
0개의 댓글
post-thumbnail

CSS / SCSS / SASS

CSS / SCSS / SASS 에 대한 개념과 정의에 대해서 알아보자.

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

React스터디_컴포넌트 스타일링

일반적으로 우리가 흔히 알고 있는 css를 이용하여 스타일링하는 방법입니다.

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

SCSS (each)

list 반복 CSS 변환결과 Map 데이터 반복 CSS 변환결과

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

SCSS (for... through/ to)

through 숫자까지 반복to 숫자 바로 앞의 숫자까지 반복

2020년 9월 5일
·
0개의 댓글
post-thumbnail

SCSS (mixin, if, or, or not ...)

SCSS CSS 변환결과

2020년 9월 5일
·
0개의 댓글
post-thumbnail

css & sass는 무엇이며, 차이점은 ?

프론트엔드라면 어느정도 css도 사용할 줄 알아야 한다고 생각한다. 일을 하면 어느정도 css를 만들거나 수정을 해야 할 일이 생기기 때문이다.^^.... css(Cascading Style Sheets) 는 무엇인가 ? html이 문서 파일이며, css는 style

2020년 8월 23일
·
0개의 댓글
post-thumbnail

BEM + SCSS 실습 후기

원래는 깃허브에 짜잔 올려서 블로그에 같이 올릴 생각이었는데, 어라? VScode 상에서는 parcel을 이용해서 잘 되던 게 깃허브에 푸쉬 해 놓으니 경로를 잘 못 읽어들인다. 🙄..(요즘엔 개념 이해보다도 실습 환경 구축이 제일 어려운 것 같다...)일단 실제 페

2020년 8월 13일
·
0개의 댓글
post-thumbnail

justify-content

flex 라는 display 속성: css 의 flex 는 엘리먼트들의 크기나 위치를 쉽게 잡아주는 도구이다.flex 를 사용하기 위해서는 컨테이너 태그에 display: flex 속성을 부여해야한다.(flex-direction: row; 을 사용하여 정렬방법을 세로로

2020년 8월 10일
·
0개의 댓글
post-thumbnail

[SCSS] @mixin @include

SCSS 에서 변수를 만들고 사용해보자 .꿀팁

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

[Next js] mini-css-extract-plugin Conflicting order between

Next js + SCSS mini-css-extract-plugin WARNING in chunk chunkName [mini-css-extract-plugin] Conflicting order between:

2020년 8월 7일
·
0개의 댓글

SCSS 란?

css 파일의 크기가 커지고 내용이 많아짐에 따라 css 파일을 관리하기가 힘들어진다. sass 는 preprocesser 이다. css 에는 없는 1) variables 2) nesting 3) mixins 4) inheritance 를 사용할 수 있다. sass 파

2020년 8월 6일
·
0개의 댓글

styled-components

컴포넌트 스타일링의 또 다른 패러다임은 자바스크립트 파일 안에 스타일을 선언 하는 방식이다. 이 방식을 css-in-Js라고 부른다. css-in-JS 라이브러리 중에서 개발자들이 가장 선호하는 styled-components를 알아보자! styled-component

2020년 8월 5일
·
0개의 댓글
post-thumbnail

Sass

css와 같은 스타일을 파일이나 css에서 조금 더 확장된 기능을 추가한다고 생각할 수 있다.자주 사용되거나 value가 복잡하다던지 등을 변수로 저장하여 원하는 곳에서 하나의 값으로 사용할 수 있다.스타일도 스크립트나 html처럼 부모자식관계로 묶어 관리할 수 있다.

2020년 7월 24일
·
0개의 댓글

SCSS - 반복

SCSS 반복

2020년 7월 23일
·
0개의 댓글

SCSS - if

SCSS if

2020년 7월 23일
·
0개의 댓글