안녕하세요 Vue.js 강의에서 해봤던 프로젝트를 React로 작성해보려고 하는 학생인데요

Vue에서는 강사님이 Bootstrap을 main.scss에 다음처럼 import 하셨거든요?

그런 다음에 primary 색상을 blue에서 #FDC000 색상으로 바꾸려면 다음처럼 하셨었어요


리액트에서도 위의 예시처럼 만들어보려고 여러 방법을 시도했었는데


리액트에 bootStrap을 적용할 때 보통은 index.js에 import 'bootstrap/dist/css/bootstrap.css'; 로 하더라구요?

그런데 위처럼 primary 색상을 변경하려면 scss파일에 선언을 해야하니까

App.scss에 다음처럼 작성을 했어요

그리고 App.js에 App.scss를 import 하는 방식으로 적용했습니다.

위에 주석처리 한 것은 저대로 하면 그냥 bootstrap 기본 테마가 적용되길래 App.scss에 따로 만든거에요


그래서 실제로 테마가 잘 적용은 됩니다.

그런데 문제는 로고를 지정할 때 $primary 속성을 사용할 수가 없어요


저는 저 OMDbAPI 를 primary 색상으로 칠하고 싶은데

다음처럼 코드를 작성하면 먹히지 않습니다.

어떻게 해야 Bootstrap의 $ 색상들을 사용할 수 있나요??