fout

[TIL] 왜 이렇게 바쁜가요?😭

지속적인 폰트 렌더링 styled-components의 Globalstyles.js에 폰트를 적용했던게 문제였다. 폰트 부분만 CSS파일로 빼고 index.js에 import시키면서 해결했다. 이런 현상을 FOUT(Font Of Unstyled Text)라고 한다. css가 적용되기 전에 텍스트가 보여지는 현상이다. styled-components의 globalstyle에서 font-face를 적용하면 일어나는 문제라고한다. [Fix] 폰트 깜빡임 · Issue #23 · Trys-Ketch/trys-ketch-client 요약 최초 렌더링 이후에 버튼 클릭 시 폰트 깜빡임 완료조건 최초 렌더링 이후에 추가적인 깜빡거림 없음 github.com [React] 리액트 깜빡임 해결기(feat. 폰트) 일단 ..