Today I Learn...

  • Sass

    • Syntactically Awesome Style Sheets (.scss/.sass 문법 지원)

    • node-sass 라이브러리 : Sass 를 CSS 로 변환해주는 역할

    • 버튼 사이즈 조절

      className={['Button', size].join(' ')}

      또는,

      className={`Button ${size}`}

      또는, classnames 라이브러리

      $ yarn add classnames
      import classNames from 'classnames';
      className={classNames('Button', size)} // 'Button size'
    • 문법

      • +
      • &
      • ...rest

To-Do

  1. 벨로퍼트와 함께하는 모던 리액트 문서
  2. Sass 문법
  3. CSS module