타입스크립트
◼︎ Typescript : Microsoft에서 구현한 JS의 Superset 프로그래밍 언어. Type이 있는 JS. 확장자 .ts
- 컴파일의 결과물로 .js 파일을 출력
- type이 없는 JS의 에러를 방지하고 개발도구와 함께 사용시 자동완성 기능을 편리하게 사용 가능
◼︎ 환경설정
- 설치
npm i -D typescript @types/react @types/node
- 넥스트에서 자동으로 tsconfig.json 생성해줌. strict 속성만 true로 변경해 모든 타입 체킹 옵션 활성화
- typescript eslint 설정 (나중에...)
◼︎ Typescript + NextJS 페이지 만들기
>> pages/index.tsx
import { NextPage } from "next";
const index : NextPage = () => {
return <div>hello typescript</div>;
};
export default index;