프론트엔드/Next2 [ Next.js ] next-intl을 활용한 다국어 웹사이트 구현하기 Next.js 애플리케이션에서 다국어 지원을 손쉽게 구현하기 위해, next-intl 라이브러리를 사용해 보았습니다. 이 글에서는 next-intl의 주요 기능, 사용 방법, 그리고 프로젝트 통해 다국어 웹사이트를 구현해 보겠습니다. next-intl이란?next-intl은 Next.js를 위한 국제화(i18n) 라이브러리로, 간단하고 직관적인 API를 제공하여 복잡한 설정 없이도 다국어 지원을 구현할 수 있습니다. 이 라이브러리는 가벼운 번들 크기를 유지하면서도 효율적인 다국어 기능을 제공합니다. 주요 기능:간단한 API: 복잡한 설정 없이도 다국어 지원 추가 가능.동적 로드: 언어별 번역 파일을 동적으로 로드하여 효율적 사용 가능.리치 포맷 지원: 날짜, 숫자 등의 형식을 현지화된 형태로 제공.작은 .. 2024. 5. 30. [ Next.js ] Next.js 13 시작하기 Installationnpx create-next-app 파일이름 Runnpm run dev Starting Folder Starting Page pages 폴더 추가Next.js 에서는 pages폴더에서 js 파일을 만들면 따로 라우팅 처리를 하지 않아도 페이지가 생성된다. pages 폴더 생성후 home.js 생성 home.jsexport default function Home() { return Home} 결과[id].js아무거나 쳐도 [id].js 파일의 내용으로 이동한다. sub 폴더 안에 [id].js 생성 [id].jsexport default function Sub() { return ID} 결과sub 폴더안에 'temp'로 [id].js폴더 안의 내용이 불러와.. 2023. 5. 8. 이전 1 다음 728x90
