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>
</>
);

classnameモジュールに関連するリソース
cssモジュールを使用する複数のクラス名の使用方法