wherehows / yhkim.dev

https://www.yhkim.dev
BSD Zero Clause License
0 stars 0 forks source link

fix: 페이지 네비게이션간 계속 다크모드 트랜지션이 발생하는 이슈 #126

Closed wherehows closed 1 year ago

wherehows commented 1 year ago

Global CSS를 컴포넌트로 관리하여 발생하는 이슈

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

vercel[bot] commented 1 year ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
blog-renewal ✅ Ready (Inspect) Visit Preview 💬 Add feedback Sep 30, 2023 4:21am