리액트/컴포넌트 스타일링

ch02.Saas 사용하기

webmaster 2021. 11. 17. 12:49
728x90
  • CSS 전처리기로 복잡한 작업을 쉽게 할 수 있도록 해 주고, 스타일 코드의 재활용성을 높여줄 뿐만 아니라 코드의 가독성을 높여서 유지보수를 더욱 쉽게 해 준다.
  • . scss 와 .sass를 지원한다.
    • .sass
      • $font-stack: Helvetica, sans-serif
        $primary-color: #333
        body
        	font: 100% $font-stack
            color: $primary-color
    • .scss
      • $font-stack: Helvetica, sans-serif;
        $primary-color: #333;
        body{
        	font: 100% $font-stack;
            color: $primary-color;
        }
    • 차이점 :. sass 확장자는 중괄호와 세미콜론을 사용하지 않는다.
  • 사용하기
    • yarn add node-sass로 라이브러리 설치
    • 라이브러리 추가
    •  

 

728x90

'리액트 > 컴포넌트 스타일링' 카테고리의 다른 글

ch01.가장 흔한 방식, 일반 CSS  (0) 2021.11.17