# scss

52개의 포스트
post-thumbnail

[SCSS] @mixin @include

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

약 23시간 전
·
0개의 댓글
post-thumbnail

[Error] 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:

2일 전
·
0개의 댓글

SCSS 란?

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

3일 전
·
0개의 댓글

styled-components

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

4일 전
·
0개의 댓글

[TIL] JSX로 인라인스타일 적용하기

Inline Style CSS 스타일을 변수로 담아서 적용하기 html의 형식을 올릴 수 있지만, 속성값은 따옴표안에 넣어주어야한다.

2020년 7월 26일
·
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개의 댓글

SCSS - 함수

SCSS 함수

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

SCSS - mixin, include

SCSS mixin, include

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

SCSS - 2편

SCSS - 2편

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

SCSS - 1편

SCSS 1편

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

SASS(SCSS) 실습 환경 갖추기

scss를 공부하고 싶은데 시작하는 게 너무 어려워서 한참 헤맸던 게 아까워서 정리...참조 : 패스트캠퍼스 온라인 강의유튜브 생활코딩heropy.blog - Sass(SCSS) 완전 정복!css를 더욱 더 쉽게 작성하고 싶은데 브라우저상에서는 css만 돌아가기 때문에

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

[TIL] Sass(SCSS)

Sass(SCSS) / 전처리기에 대해서

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

TIL. SCSS 20200709

css파일을 scss로 converter하는 법을 배웠다.부모가 되는 요소 밑에 자식 요소를 작성해주면 된다. 네스팅 기능이 있다. 네스팅 기능이란, 서브루틴 안에 또다른 서브루틴을 짜는 것과 마찬가지다. 예시 1 CSS파일은 다음과 같다.해당 CSS파일을 SCSS로

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

TIL_Vue.scss

어제에 걸쳐 오늘 아침까지 투자하여 알게된 Breakpoint 수정방법.Breakpoint는 Vue에서 제공하는 5가지 화면별 그리드이다. 기본적으로 설정되어있는 픽셀이 있고, 필요에 따라 이를 커스터마이징할 수 있다.다음과 같은 순서를 따른다.src 폴더 안에 sas

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

Sapper - Rollup환경에서 Sass 세팅

Sapper - Rollup환경에서 Sass 세팅

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

Sapper - Svelte의 SSR 버전인가?

바로 전 Svelte를 설치하고 ie지원이 안되서 중도포기했었다.새로운 자바스크립트 프레임워크를 찾던 중 시간이 얼마 지나지않아React.js에서 Webpack의 조잡한 설정으로 구현했던 SSR(Server Side Rendering)이기본지원되는 Svelte에서 만든

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

T I L / 6월 10일

SCSS

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

sass, @MIXIN 모음

SASS에 대해 다른 프로젝트들을 뜯어보니, 대개 사용하는 MIXIN도 정해져있는 것 같다. 앞으로 사용할 만한것, 쓸만한 MIXIN들을 모아 두자

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