전역적으로 적용되는 스타일을 GlobalCss라는 컴포넌트를 만들어서 해당 컴포넌트 내에서 적용함. 이 경우 어떤 문제가 발생하냐면, 컴포넌트가 마운트 될때마다 font 파일을 네트워크 요청을 통해서 받아온다. 즉, 메인 페이지에서 상세 페이지로가든, 상세 페이지에서 메인 페이지로가든 GlobalCss가 마운트 될때마다 폰트를 받아온다. 더불어서 다크모드 전환시 적용한 transition이 GlobalCss 컴포넌트 내에 존재하여 컴포넌트가 마운트 될때마다 실행되는 문제도 존재한다.
Global CSS를 컴포넌트로 관리하여 발생하는 이슈
전역적으로 적용되는 스타일을 GlobalCss라는 컴포넌트를 만들어서 해당 컴포넌트 내에서 적용함. 이 경우 어떤 문제가 발생하냐면, 컴포넌트가 마운트 될때마다 font 파일을 네트워크 요청을 통해서 받아온다. 즉, 메인 페이지에서 상세 페이지로가든, 상세 페이지에서 메인 페이지로가든 GlobalCss가 마운트 될때마다 폰트를 받아온다. 더불어서 다크모드 전환시 적용한 transition이 GlobalCss 컴포넌트 내에 존재하여 컴포넌트가 마운트 될때마다 실행되는 문제도 존재한다.