프론트엔드/TypeScript
[TypeScript] 기본 세팅하기 및 시작하기
병걸
2023. 5. 10. 13:36
우선 TypeScript를 하기 위해 기본적으로 세팅해야 할 것들이 있다.
1) node.js 설치 (최신버전)
2) VScode에디터 사용(각자 취향에 맞는 에디터)
3) 터미널창에 npm install -g typescript 입력
4) 코드 입력할 폴더를 만들고 에디터에서 폴더 열기
5) 파일명.ts 파일 생성 후 코드 입력
6-1) tsc --init 터미널에 입력 (추천)
또는
6-2) tsconfig.json 파일을 만든 후 하단 내용 입력
{
"compilerOptions" : {
"target": "es5",
"module": "commonjs",
}
}
7) 파일명.ts에서 코딩 시작
8) 터미널창에서 tsc -w 입력하여 TypeScript파일은 자동으로 JavaScript파일로 변환하기 가능