Notice
Recent Posts
Recent Comments
Link
250x250
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | ||
| 6 | 7 | 8 | 9 | 10 | 11 | 12 |
| 13 | 14 | 15 | 16 | 17 | 18 | 19 |
| 20 | 21 | 22 | 23 | 24 | 25 | 26 |
| 27 | 28 | 29 | 30 |
Tags
- useState
- 자바스크립트
- 파이썬 slice
- REACT
- 리액트 훅
- 내일배움캠프 최종 프로젝트
- 리액트
- 파이썬 for in
- 리액트 공식 문서
- 내일배움캠프
- 한글 공부 사이트
- React Hooks
- 타입스크립트
- 파이썬 replace
- 파이썬 딕셔너리
- 파이썬 for
- 타입스크립트 리액트
- 내배캠 프로젝트
- Next 팀 프로젝트
- tanstack query
- JavaScript
- 파이썬 enumerate
- 코딩테스트
- 내일배움캠프 프로젝트
- 리액트 프로젝트
- typeScript
- 파이썬 반복문
- useEffect
- 리액트 공식문서
- 프로그래머스
Archives
- Today
- Total
목록리액트 폰트 최적화 (1)
sohyeon kim
[React/Next] 폰트 최적화 : getaddrinfo enotfound fonts.gstatic.com, 웹폰트 깨짐 🥵
💡 폰트 최적화를 해보자! Next.js 에서 제공되는 구글 폰트를 쓰고 있었는데.. 가끔 dev 나 build 시에 터미널에 위와 같은 문구가 뜨고 로딩이 백 년이 걸릴 때가 있었다. 찾아보니.. next 버전을 바꾸꺼나.. 직접 다운로드한 폰트를 넣거나.. 많은 방법이 있었는데다운로드한 폰트로 css 에 적용을 해보려 한다! 👀 FOIT? FOUT?Flash Of Invisible Text폰트 다운로드 전까지 아무 글자도 안보임다운 완료 되면 폰트 적용된 글자 보여줌Flash Of Unstyled Text폰트 다운로드 전까지 기본 폰트 글자 보여줌다운 완료 되면 폰트 적용된 글자 보여줌 👀 font - display 속성 swap웹폰트 중요 ❌, 빠른 글자 노출 중요 ⭕️기본 폰트 보..
Next
2024. 4. 25. 16:36