style in web - RLidea/dev.docs GitHub Wiki

웹에서의 스타일 학습 리소스

CSS

인라인 스타일에서 좀 더 발전된 형태.

CSS 선택자에 대하여

CSS Library

남이 쓴 CSS 를 쓰자.

CSS preprocessor

CSS를 좀 더 쉽게 작성하자.

Sass

친절한 Sass 설명서
Sass 디테일한 가이드 (pdf)
Sass(SCSS) 완전 정복! (포스팅)
Sass, SCSS 간의 차이
- 문법은 거의 동일
- Sass는 {, }, ; 를 쓰지 않고, SCSS는 씀 (SCSS가 일반적인 CSS와 더 유사함)
- @mixin 을 작성할 때 표현식이 다름
주요 특징
- 주석: Sass 인라인 주석과 블록 주석
- 중첩
- 특수 선택자 (&, %)
- SassScript
- @mixin
- @function
- $변수

Component

React 등의 가상 DOM이 나온 이후 등장한 새로운 패러다임

Component Library

Material-UI

CSS-in-JS

html(tag), js, css 의 분리가 아니다. 한 컴포넌트에 모두를 담아라.

styled component