본문 바로가기

Next13

(2)

[ Next.js ] Next13에서 커스텀 Font 세팅하기. (App Router 기준) 회사에서 새로운 프로젝트를 Next13을 도입하여 만들기로 결정하여 개발 진행중에, 우리는 Google Font가 아닌 Local Font를 사용하게 되어, 삽질을 조금 하다가... 세팅한 내용을 정리하려 한다. 우선, Next 공식 홈페이지에서 App Router 사용 방식으로 Font를 설정하는 부분을 보면 1. Google Font를 사용하거나, 2. Local Font를 사용하는 방법으로 크게 나뉜다. 우리가 사용하려는 Font는 Pretendard 였는데, Google Font에 없는 폰트여서 Local Font를 적용해야 했다...^_ㅠ 만약 Google Font에서 지원하는 폰트일 수 있으니 해당 사이트에서 서치해본 후 없다면 Local Font를 사용하는 걸로.... (Google Font..

[ Next.js ] Next13의 주요 기능에 대해 알아보자. Vercel팀이 Next.js의 13버전이 2022년 10월 26일 Next.js 공식 페이지에 소개되었지만, 자세히 살펴보지를 않았는데 새로 이직하게된 회사에서 Next13으로 프로젝트를 새로 세팅하기로 이야기가 되어 공식 블로그 내용을 살펴보았다. ++Next.js 13.4(현재 기준 최신 버전)을 사용하려면 아래의 명령어를 통해 설치할 수 있다. npm i next@latest react@latest react-dom@latest eslint-config-next@latest 앱 라우팅 (App Directory) - Next.13.4(현재)기준 Stable 기존에 pages/ 디렉토리에서 라우팅 되던 방식과 다르게, app/ 디렉토리로 라우팅 하는 방식이 추가되었다. - Tree : 계층 구조를 ..

이전 1 다음

티스토리툴바