☘️ 파일명.module.scss
- 컴포넌트 스타일링: 각 컴포넌트의 스타일이 다른 컴포넌트와 격리되어야 할 때 사용.
- 스타일 충돌 방지: 클래스 이름이 전역적으로 충돌하지 않도록 해야 할 때 유용하다.
- 즉, 로컬 스타일을 적용하여 컴포넌트별로 스타일을 격리한다.
☘️ 파일명.scss
- 전역 스타일링: 페이지나 전체 애플리케이션에 적용할 전역적인 스타일(예: body, h1, footer 등)을 정의할 때 사용한다.
- 공통 스타일: 여러 컴포넌트에서 공유되는 스타일이 있을 때 사용합니다. 예를 들어, 폰트 설정, 컬러 테마 등이 있다.
- 전역 스타일을 적용하는 스타일 시트이기에 모든 컴포넌트에 영향을 미친다.
정의한 클래스 이름은 전역으로 적용되기때문에 동일한 클래스 이름을 사용하는 다른 컴포넌트에서 스타일이 충돌할 수 있으니 주의해야한다!
