[Next.js 설정] Next에 Typescript 도입하기

 

1. yarn create next-app 프로젝트이름  => next 프로젝트 생성

 

2. 아래 글을 참고해서 typescript 관련 파일 설정한다. 

 

아래 글에 나온 것 외에 아래 명령어로 두 개를 추가로 설치해줘야 동작한다. 

'@zeit/next-typescript' 의 경우 타입스크립트가 이제 내장되어 필요없다는 문구가 터미널에 나오길래 없앴는데 babelrc등을 설정하려면 결국 설치해줘야했다. 추가로 webpack을 설정할 경우에도 필요한 것 같다.

 

나는 아래 글을 보고 .prettier.js (탭 띄어쓰기, ''로 따옴표 통일, ',' 자동 붙여주기 기능 제공) 등도 같이 설정해줬다.

 

yarn add --dev @zeit/next-typescript @babel/core

 

tlog.tammolo.com/blog/NEXT-JS-with-TypeScript-d48440c6-a799-45ab-9fdc-c6fb4d2dc647/

Tlog

+ 추가로 절대경로는 설정되어 있지 않으니 tsconfig.json 파일에 절대 경로도 따로 설정해줘야한다. 

 

// todo: tsconfig.json에 절대경로 설정하기 내용 추가