Frontend/React

02. React환경에서의 css작성방법

섕걍 2020. 12. 24. 22:44
  • 일반적인 CSS파일
  • css-module 로 작성
  • Sass로 작성
  • css-in-js로 작성

1.일반적css:컴파일된 css에서 변수명이 겹치면 이름이 충돌하는 문제가 발생함.

2. css-module사용:css-module을 사용하면 이름 충돌을 막을 수 있다.

 

3.Sass사용:sass에는 node-sass패키지를 설치해야함.

npm install node-sass

4. css-im-js

npm install styled-components

'Frontend > React' 카테고리의 다른 글

06. 리액트 훅 (hook)  (0) 2020.12.27
05. 리액트 요소와 가상돔  (0) 2020.12.27
04. 컴포넌트의 속성값,상탯값  (0) 2020.12.26
03. 단일 페이지 애플리케이션 SPA 만들기  (0) 2020.12.26
01. 리액트 시작하기  (0) 2020.12.24