.css와 .module.css의 차이

리액트에서 개발을 하다 보면 .css를 사용하는 사람도 있고, .module.css를 사용하는 사람도 있는걸 볼수 있다. 두개의 차이에 대해서 알아보겠습니다..css 파일.css 파일은 import를 하게 되면 import한 파일 내에서만 사용이 될거라고 생각을 하지만 생각과 다르게 글로벌 범위에 전역으로 적용이 됩니다. 이는 동일한 클래스 이름을 가진 요소가 여러 곳에서 동일한 스타일을 가질 수 있다는 것을 의미합니다. 따라서, 다른 컴포넌트나 페이지에서 동일한 클래스 이름을 사용할 경우, 원치 않은 스타일이 적용이 될수 있습니다. 다만, import만 하여 간단하게 사용을 할 수 있습니다.// Button.css.button { ...}// Button.tsximport './Button.css..

2024.09.05