리엑트 CSS 사용하기
개인 프로젝트를 만드려고 하는데 어디에 CSS를 두는지 몰라서 구글링을 해보았다.
기존 마크업하는 방식과 똑같았다!
1) 단순 인라인 스타일 적용
: 태그가 선언된 그자리에 바로 스타일을 지정
2) sass 파일 스타일 적용법 (css-module 방식)
: CSS파일을 따로 모아두고 import 해서 스타일을 적용하는 방식
"sass": "sass --watch src/styles/scss:src/styles/css"
3) 스타일 컴포넌트 적용
: 실무에서 CSS팀이 없다면 스타일 컴포넌트로 한다. 개발자들은 이게 편함
출처
React.js SCSS 적용하는 방법
CSS는 참 애매한 존재이다. 보통 CSS로 스타일링을 하게 되면 코드가 상당히 길어지는 경우가 생기는데, 이럴 경우 SASS 또는 SCSS등을 통해 해결할 수 있다. 나같은 경우에는 현재 리액트를 통해 작
www.hides.kr
'Development > React.js' 카테고리의 다른 글
| [React] Styled Components (0) | 2022.01.24 |
|---|---|
| [React] 웹팩을 활용한 리엑트 개발 환경 셋팅 (0) | 2022.01.24 |
| [React] npm vs npx (0) | 2022.01.21 |
| [React] Redux (0) | 2022.01.21 |
| [React] 라이프 사이클 (0) | 2022.01.21 |