Frontend/React
2022. 12. 29.
[React] 폰트 깜빡임 현상 해결(Global Style, CSS)
프로젝트 진행 중 폰트 적용이 늦어지는 깜빡임 현상을 해결한 과정을 기록하려고 한다. 문제 상황 위에서 말했듯 컴포넌트가 렌더링 될 때마다 폰트 적용이 늦어져 깜빡임 현상이 일어났다. 처음에는 리렌더링을 막는 방향으로 해결해보려고 했다. 메모제이션을 사용하고, 관련 문서들을 찾아보며 리팩토링 해봤지만 해결되지 않았다. 근본적인 문제가 폰트 관련 문제이므로 폰트 적용에 문제가 있는 것이 아닌가 생각이 들었다. 해결 전 원래 폰트 적용은 styled-components의 GlobalStyle을 이용해 적용했다. import { createGlobalStyle } from 'styled-components'; import reset from 'styled-reset'; import GangwonEdu_OTFB..
![[React] 폰트 깜빡임 현상 해결(Global Style, CSS)](http://i1.daumcdn.net/thumb/C230x230/?fname=https://blog.kakaocdn.net/dn/bc0cNI/btrUSwjAPjW/94tx6W7KeHDK38tgOWncQ1/img.png)