목록CSS (1)

sungwook

Vanilla React 2편 - SCSS 모듈 적용하기

이전편에서 JSX를 이용해서 함수형 컴포넌트를 만들어보았다.이번에는 css 전처리기 모듈인 scss를 적용해보려고 한다. css 전처리기란 무엇일까?vanilla css를 사용할 수도 있지만 프로젝트를 할 때 css 전처리기 또는 CSS-In-JS를 많이 사용한다.css 전처리기는 mixins라는 것을 통해 재사용 가능한 CSS 규칙을 만들 수 있고 기존 스타일을 확장하거나상속받아 새로운 스타일을 정의할 수 있다. 이렇게 작성된 코드는 일반 CSS로 컴파일되어 사용된다. 이와 달리 CSS-In-JS는 동적으로 스타일을 생성하여 런타임에 스타일을 생성한다.JSX로 합쳐진 HTML, Javascript 파일에 CSS까지 추가할 수 있게 되는 것이다.동적인 스타일링을 할 때 유리하지만 런타임에 스타일이 적용되..
Vanilla React 2024. 8. 22. 21:00
이전 Prev 1 Next 다음