전체태그 보기

#scss (9개의 포스트)

hyksmine

React

2019년 10월 4일0개의 댓글
06221ac4ae96f681e3bed114dd1bdd9f.jpg [REACT] 페이스북과 인스타그램에서 만든 사용자 인터페이스 라이브러리. 프레임워크x. 리액트에서는 컴퍼넌트를 만들어서 화면에 뿌려주고 해당 컴퍼넌트를 다른 곳에 지속적으로 사용할 수 있어 재사용성이 높고,기존 자바스크립트 프레임워크나 다른 라이브러리와 함께 쓸 수 있다. ...
[ Netflix Clone 3 ] Style
smooth97

[ Netflix Clone 3 ] Style

2019년 9월 9일0개의 댓글
Static Directory image.png style을 담당하는 static (정적) 폴더에 스타일링에 관련된 파일들을 담아둔다. /images 필요한 이미지와 로고 등이 들어가있는 폴더 /sass scss 파일을 작성하는 폴더로 abstracts 와 components 두 가지 하위 폴더로 나눠져 있고 index 파일인...
[ SASS ]
smooth97

[ SASS ]

2019년 8월 31일0개의 댓글
Syntactically awesome stylesheet (어썸한 문법 스타일시트) 평소 코드펜이나 다른 프로젝트 코드를 봤을 때 많은 스타일링 파일이 scss로 작성되어있는 것을 많이 봤어서 궁금증을 해결하기 위해 정리합니다. CSS Preprocessor (css 전처리기기)란? CSS 문서 작성을 하다 보면 많은 코드가 중복이 되고 양이...
psm8873

SCSS

2019년 8월 5일0개의 댓글
SCSS = SASS + CSS SASS 컴퍼일러로 SCSS 파일이 CSS 파일이됨 1. 기본문법 * 기본틀은 CSS 문법과 동일EX) .sec { margin: 0;} * nested block(넥스팅) 을 적용 * // 을 이용해서 라인 단위로 주석처리 2. 네스팅(nesting) * 네스팅이란 서브루틴 중에 다른 서브루틴을 짜 넣는...
[아주 짧은 글] Next.js에서 ScSS파일 sourcemap 기능 사용하기!
sonaky47
영어 실력이 빈약해서 그런지 간단한 기능같아 보이는데 찾지를 못하고 sourcemap이 되어 있지 않은 scss파일로 작업을 계속 했는데, 아무래도 불편하다고 느껴져서 다시 한 번 찾아보니까 아래와 같이 하면 되는 것이었다.
nekonitrate
2019년 1월 30일 오전 10시 08분 추기: nuxt-sass-resorces-loader 에서 공식적으로 더 이상 서포트를 하지 않으니 @nuxtjs/style-resources 를 사용하라는 발표가 있었습니다. 컴포넌트 단위로 개발이 진행되는 SPA 라도 SASS나 SCSS를 쓰다보면 전역에서 로드해야 할 파일이 생기게 마련입니다. 예를들면 변...
yeomi

Sass 알아보기

2019년 1월 29일0개의 댓글
Sass란 Sass는 일종의 CSS 전처리기이다. 자바스크립트처럼 특정 속성의 값을 변수로 선언하여 필요한 곳에 선언된 변수를 적용할 수도 있고, 코드의 재사용성을 높여준다. Sass설치 1. ruby설치 윈도우만 아래 링크에서 ruby설치(mac과 linux는 ruby 기본적으로 설치되어있음) http://rubyinstaller.org/down...
dever
CSS Module과 Sass를 같이 사용하는 설정