티스토리 뷰
반응형
Type Safety 기능이란?
Next.js는 TypeScript와의 통합을 지원하면서, 코드에서 타입 안전성을 유지하고 개발자가 실수를 방지하는 기능을 제공한다.
Type Safety의 주요 기능
- TypeScript 지원: Next.js는 기본적으로 TypeScript를 지원하며, TypeScript로 작성된 페이지 및 컴포넌트 파일을 인식한다. 이를 통해 코드의 타입 체크가 이루어지며, 개발자는 더 안전하게 코드를 작성할 수 있다.
- TypeScript 컴파일러 통합: TypeScript를 사용하면 코드를 컴파일할 때 타입 체크가 자동으로 이루어진다. 따라서 개발자가 코드를 작성하면서 실시간으로 타입 오류를 확인할 수 있다.
- 자동 생성된 TypeScript 정의: Next.js는 .js 확장자를 사용한 파일도 TypeScript로 인식하고 타입 정의를 자동으로 생성한다. 이는 JavaScript 코드베이스를 TypeScript로 마이그레이션하는데 도움된다.
- getStaticProps와 getServerSideProps의 반환 타입: getStaticProps와 getServerSideProps에서 반환되는 객체의 타입이 정확하게 정의되어 있다. 이를 통해 해당 함수에서 어떤 데이터를 반환해야 하는지 명확하게 이해하고 타입을 지켜가면서 개발할 수 있다.
- useRouter 훅의 타입 지원: useRouter 훅을 사용할 때 라우터 객체의 타입이 정의되어 있어, 라우터 객체의 속성을 안전하게 참조할 수 있다.
반응형
'React와 NextJS' 카테고리의 다른 글
Getting Start Recoil (0) | 2024.12.24 |
---|---|
NEXT_PUBLIC_ (0) | 2024.12.18 |
React’ refers to a UMD global, but the current file is a module. Consider adding an import instead. (0) | 2024.12.03 |
Link태그와 a태그의 차이 (0) | 2024.11.26 |
Textarea에 폰트 추가 기능을 넣어보자 (0) | 2024.11.23 |
- Total
- Today
- Yesterday
반응형