brunch

You can make anything
by writing

C.S.Lewis

by 훈오빵 Apr 13. 2021

NextJS (3) Typescript 타입스크립트

타입스크립트

◼︎ 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;












매거진의 이전글 NextJS (2) 라우팅, 데이터로딩, 공통페이지
브런치는 최신 브라우저에 최적화 되어있습니다. IE chrome safari