기록하는 개발자

scss에서 색을 지정할 때 rgba형식에서 opacity 적용이 안되는데 아래와 같이 변수로 지정하여 넣어주면 rgba에서 opacity 사용이 가능하다. 결과화면 Main.js import "./main.scss"; const Main = () => { return ( Scss에서 rgba 사용 시 opacity 적용 방법입니다. ); }; export default Main; main.scss $custum-color: #000000; $custum-opacity: 0.5; .container { background-color: rgba($custum-color, $custum-opacity); width: 500px; height: 500px; margin: 0 auto; }