React 개발시, 크롬 확장팩 설치를 주의할것!

왼쪽 : 크롬, 오른쪽 : 사파리 

위와 같이 font-size 를 변경했음에도, 크롬의 font 가 변경되지않았다.

원인은 크롬 확장팩이었다.

이것때문에 몇시간을 소비하여, 너무 열받아 글을 남겨놓으려한다.

어떤 확장팩이 뒤에서 !important 를 겁나게 달아서, 지맘대로 style 태그를 날리고있었다...

 

리액트로 개발할때, 크롬 확장팩은 설치하지않는것이 좋다 !!!

혹시 내가 CSS 를 먹이지않았음에도, 자동으로 버튼이 스타일링되거나 했다면,

무조건 크롬 확장팩이 뒤에서 style 태그를 js 로 쏴주고있어서, 크롬 개발툴로 들어가 추적해서 찾아내야한다..

 

왜 이 이야기를 하냐면...

dark reader 와 같은 CSS 를 변경해주는 확장팩이 아닌....

다른 용도의 확장팩임에도 style 태그를 뒤에서 지맘대로 쏴준다는것이다.

처음에 이게 create-react-app 때문인가 굉장히 의심했는데, 결국 아니었다.

 

하여튼 결론은 React 개발자라면, 크롬에서 확장팩을 설치하지말것!! (CSS 나 style 태그를 지맘대로 뒤에서 변경함!)