Next.js

글꼴 최적화프로젝트에서 웹 글꼴을 가져와 사용하는 경우 Cumulative Layout Shift (CLS)로 인한 문제가 발생할 수 있습니다. 브라우저는 웹 글꼴을 불러오는 동안 대체 글꼴이나 시스템 글꼴을 이용해 텍스트를 렌더링합니다.이후, 웹 글꼴을 성공적으로 가져와 텍스트에 적용된 글꼴이 변경되면 레이아웃 변경이 발생합니다.이로 인해 텍스트의 크기 및 간격, 주변 요소들의 배치가 모두 변경되어 사용자 경험이 저하될 수 있습니다. Next.js는 next/font 모듈을 사용하여 웹 글꼴을 최적화하여 이러한 문제를 해결합니다.이 모듈을 사용하면 빌드시 글꼴 파일을 다운로드하고, 다른 정적 자산과 함께 제공됩니다.이는 사용자가 방문했을 때 글꼴을 요청하는 추가 네트워크 요청이 없다는 것을 의미합니다...