# Sass

25개의 포스트
post-thumbnail

TSL : 2020-03-25

sass 공부하기

5일 전
·
0개의 댓글
post-thumbnail

Sass 시작하기

시작하기 앞서 모든 내용은 Sass 공식 가이드라인을 참고하여 작성했습니다.개인적인 정리이니 오타, 생략한 내용이 있습니다.정확한 정보를 위해 공식 가이드라인을 보시는 것을 추천드립니다. 🤗사스는 기초 언어에 힘과 우아함을 더해주는 css의 확장이다.Sass의 궁극적

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

Svelte#1 - Svelte scss/eslint 관련 vscode 설정

svelte관련해서 scss와eslint를 설정 하다가 좀 애먹은 부분이 있어서 공유 및 기록한다.

2020년 3월 3일
·
2개의 댓글

Wecode 24일차-TIL

Sass에 대해서

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

SASS/SCSS 설치부터 간단 사용법 정리

SASS & SCSS란? SASS(Syntactically Awesome StyleSheet)는 CSS의 단점을 보완한 CSS의 확장형이다. 그리고 SCSS는 SASS를 더 편리하게 수정한 버전이다. 확장자는 .scss 사용하며, 브라우저에서 SASS구문을 이해하지 못

2020년 2월 20일
·
0개의 댓글

[TIL] JS Study

-bind( )가 뭐야?

2020년 2월 20일
·
0개의 댓글

TIL - 프론트 엔드 스터디

//css.text { width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }h1 { background:url("h1 { background:url(h1 { background:url

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

[sass,destructuring, bind, export]스터디

1.sass에서 자주 쓰이는 팁 3개 이상 공유mixinSass의 아주 유용한 기능 중 하나로 extend와 비슷하지만 argument(인자)를 받을 수 있다.선언할 때는 @mixin 이름 사용할 때는 @include 이름 SassCSSmixin 응용Sass @cont

2020년 2월 20일
·
0개의 댓글

(TIL 24일차) 프론트팀 스터디 및 백연동 데이터 가져오기

sass팁 비구조화할당 export 유무 this의 차이 fetch token storage

2020년 2월 20일
·
0개의 댓글

TIL #24. JS스터디: sass/비구조화 할당/bind/리액트에서 export

(20/2/20)Sass(Syntactically Awsome StyleSheets)는 CSS pre-processor(전처리기)이다. 전처리기는 CSS의 단점을 보완하여 보다 가독성이 높고 코드의 재사용에 유리한 CSS를 생성해준다. (전처리기에는 Sass, Less

2020년 2월 20일
·
0개의 댓글

TIL 2020.02.20.목

1.api 붙이기 실습 (인증, 인가) / 2.JavaScript 일일 스터디

2020년 2월 19일
·
0개의 댓글

(TIL 17일차) React (7)

React Sass CSS-moudles styled-components

2020년 2월 13일
·
0개의 댓글

Scss - mixin basics

@mixin으로 선언하고 @include로 불러온다. 일반적으로 @extend 대신 mixin을 사용하는 것을 권장한다(https://sass-guidelin.es/ko/#extend) examples (from https://poiemaweb.com/sass-css-extention)

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

Next.js + Sass

Import .sass or .scss files in your Next.js project https://github.com/zeit/next-plugins/tree/master/packages/next-sass

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

Sass 기초

Sass 기초

2020년 2월 3일
·
0개의 댓글

CSS vs SASS vs styled Component - FE study13

1. CSS >Cascading Style Sheet : 웹의 디자인을 담당(표준) App.js App.css 해당 js 파일에 css파일을 import 해서 사용. > 특징 : 메뉴얼적인 방법으로 직접 Class , ID 네이밍하며 작성한다. 사용법이 간단함. 하지만 요소들이 많아질수록 관리가 힘들어지고 직관성이 떨어짐. 2. SASS > Synt...

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

TIL - 20.01.09

require 정확히 알고 있었는지.. https://nodejs.org/en/knowledge/getting-started/what-is-require/ Bulma 프로젝트를 셋할때 프론트엔드를 Vue.js 지만 Non SPA로 구성, CSS 라이브러리를 Bulma, Buefy 라는 UI Component 라이브러리를 사용하게 되었습니다. 그러면 먼저...

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

What is SASS?

What is Sass? How is it different?

2019년 12월 15일
·
1개의 댓글

React 개발환경 세팅하기 - 3. Sass 설치

React 프로젝트에 Router 설치 방법 1. 터미널을 킨다. 2. Sass 설치를 희망하는 React프로젝트의 디렉토리로 이동한다. 3. 입력한다. 4. 설치한 React 프로젝트 디렉토리를 열어 package.json 파일에 "dependencies" 중 "node-sass" 이 있는지 확인해 본다. 끝! +활용방법 형태로 파일을 생성 후,...

2019년 11월 3일
·
0개의 댓글
post-thumbnail

[아주 짧은 글] Next.js에서 ScSS파일 sourcemap 기능 사용하기!

영어 실력이 빈약해서 그런지 간단한 기능같아 보이는데 찾지를 못하고 sourcemap이 되어 있지 않은 scss파일로 작업을 계속 했는데, 아무래도 불편하다고 느껴져서 다시 한 번 찾아보니까 아래와 같이 하면 되는 것이었다.

2019년 2월 22일
·
0개의 댓글