ReactNextCentral

환경 설정

Published on
Next.js 애플리케이션을 어떻게 구성하는지 알아보세요.

Next.js는 프로젝트를 특정 요구 사항에 맞게 커스터마이징할 수 있게 해줍니다. 이에는 타입스크립트, ESlint와 같은 통합과 더불어 절대적인 Import와 환경 변수와 같은 내부 설정 옵션들이 포함됩니다.

타입스크립트

Next.js는 React 애플리케이션을 구축하기 위한 타입스크립트 중심의 개발 경험을 제공합니다.

View

ESLint

Next.js는 기본적으로 통합된 ESLint 경험을 제공합니다. 이 규칙들은 Next.js를 최적의 방식으로 사용하도록 도와줍니다.

View

환경 변수

Next.js 애플리케이션에서 환경 변수를 추가하고 액세스하는 방법을 배웁니다.

View

모듈 경로

일정한 임포트 경로를 재매핑할 수 있도록 모듈 경로 별칭을 구성합니다.

View

MDX

마크다운 파일에서 JSX를 작성하기 위해 MDX를 설정하는 방법을 알아봅니다.

View

src/ 디렉터리

루트의 pages 디렉터리 대신에 src 디렉터리 아래에 페이지를 저장하세요.

View

드래프트 모드

Next.js에는 정적 및 동적 페이지 간에 전환할 수 있는 드래프트 모드가 있습니다. 여기에서 앱 라우터와 함께 작동하는 방식을 알아볼 수 있습니다.

View

콘텐츠 보안 정책

Next.js 애플리케이션에 대한 콘텐츠 보안 정책(CSP)을 설정하는 방법을 알아봅니다.

View