TypeScript 설정하기 - 개념, tsc -w 오류 해결

TypeScript란?

자바스크립트의 슈퍼셋인 오픈소스 프로그래밍 언어이다. 

TypeScript는 실행 전에 프로그램에 오류가 있는지 확인하고 값의 종류에 따라 수행 하는 정적 유형 검사기 입니다.

확장자는 ts입니다.

 

TypeScript 설정

node.js를 설치한다(최신버전 추천)

터미널에 아래 구문을 입력해준다.

npm i -g typescript

 

TypeScript 간단 예제

• VS Code를 열어 ex.ts 파일을 생성해준다. 
• 아래 코드를 입력한다.

let Name :string = 'you';

• tsconfig.json 파일을 생성한 후 아래 코드를 입력한다.

{     "compilerOptions" : {         "target": "es5",         "module": "commonjs",    } }

• 터미널 > 새 터미널 클릭 후 tsc -w를 클릭한다.

※이유

브라우저는 js 파일만을 읽을 수 있습니다. 따라서 ts파일을 js로 컴파일 하는 과정이 필요합니다.

tsc -w를 터미널에 입력하면 ts 파일이 저장될 때마다 자동으로 js파일을 변환해준다.

 

그럼 ts파일을 저장하면 js파일이 수정[생성]되는 것을 볼 수 있다.

 

!앗 오류! 보안문제?

만약 문제가 발생하지 않았다면 무시해주세요.

이 시스템에서 스크립트를 실행할 수 없으므로 ... 보안 오류

 

 

• vs code를 관리자 모드로 들어갑니다. 
• terminal에 아래 순서대로 입력

Get-ExecutionPolicy
 
Set-ExecutionPolicy RemoteSigned

※ Restricted에서 RemoteSigned로 변경

Restricted : (제한된) 기본 실행 정책, 명령어 하나씩 실행 가능, 스크립트 파일을 로드하여 실행할 수 없음

RemoteSigned : 로컬 컴퓨터에서 본인이 생성한 스크립트만 실행 가능, 인터넷에서 다운로드한 스크립트는 신뢰된 배포자에 의해 서명된 것만 실행할 수 있음