TypeScript

Next.js는 기본적으로 TypeScript를 지원합니다. create-next-app으로 새 프로젝트를 생성할 때 자동으로 필요한 패키지를 설치하고 적절한 설정을 구성합니다.

기존 프로젝트에 TypeScript를 추가하려면, 파일 확장자를 .ts / .tsx로 변경하면 됩니다. next dev와 next build를 실행하면 자동으로 필요한 의존성을 설치하고 권장 설정이 포함된 tsconfig.json 파일을 생성합니다.

참고: 이미 jsconfig.json 파일이 있다면, 기존 jsconfig.json의 paths 컴파일러 옵션을 새로운 tsconfig.json 파일로 복사한 후 기존 파일을 삭제하세요.

실습 IDE 플러그인

Next.js는 VSCode와 다른 코드 에디터들이 고급 타입 체크와 자동 완성을 위해 사용할 수 있는 커스텀 TypeScript 플러그인과 타입 체커를 포함하고 있습니다.

설치

Next.js TypeScript Plugin은 VS Code에서 Next.js 프로젝트 개발 시 타입스크립트 지원을 자동화해주는 확장 프로그램입니다.

설정

VS Code에서 플러그인을 활성화하는 방법:

1. 명령 팔레트 열기 (Ctrl/⌘ + Shift + P)
2. "TypeScript: Select TypeScript Version" 검색
3. "Use Workspace Version" 선택

TypeScript 플러그인은 다음과 같은 기능을 제공합니다:

• 세그먼트 설정 옵션에 잘못된 값이 전달될 경우 경고
• 사용 가능한 옵션과 문맥 내 문서 표시