scss가 전역으로 적용되는 문제

.scss가 전역으로 적용되는 문제 해결해야함.
=> module.scss로 바꿈!!

예를 들어, name.module.scss이 있다면,

# name.module.scss

.email {
	color: red;
}
.find {
	magin:10px
}

user.js에서 사용할땐

import st from "./name.module.scss"
import cn from "classnames" -> npm i classnames 해야됩니다!

...
return (
<>
	<div className={cn(st.email, "d-flex")}>    // 부트스트랩이랑 scss 두개 쓸 때,
		<p>테스트</p>
	</div> 
		
	<div className={`${st.header} ${st.nav}`}> //module 안에서 class 이상 쓸 때,
		<span>Class 이름을 두개 이상 사용할 때</span>
	</div>
</>
);

classnames 모듈 관련 자료

css모듈을 사용한 클래스 이름 여러개 사용방법