[Typescript] 타입스크립트 시작

 다른 언어들은 이미 프로젝트를 해왔으나 타입스크립트는 nest.js 해볼 때 말고는 접해본 적이 없어서 거의 무지합니다.. 그래서 아무래도 이미 했던 걸 re-cap하는 방식으로 포스트 하는 것보단 저도 배우면서 기록해나가는 게 더 재밌을 것 같기때문에 블로그 첫 글을 타입스크립트 관련 글을 쓰면서 시작해보도록 하겠습니다.

 

 먼저, Typescript란 무엇인지부터 짚고 넘어가겠습니다. 저도 앞서 말했듯 타입스크립트에 대해서는 무지하기 때문에 대략적인 것만 말씀드리겠습니다. 우선 Typescript는 Javascript를 기반으로 한 언어입니다.

 첫째로, 이름에서부터 느낌이 오듯 변수에 type을 지정할 수 있습니다. 자바스크립트의 강점이자 동시에 약점은 변수 타입을 지정할 수 없다는 건데요. 자바스크립트는 var, let, const 등으로 변수를 선언해서 사용할 수 있는데, 해당 변수에 어떤 값이 들어와도 오류를 뱉지 않습니다. 작은 프로젝트를 할 때에는 코딩하기 편하다고 생각할 수 있으나, 여러 프로젝트를 하다보면 많은 오류들을 만나게 될 텐데, 타입에 따른 오류도 간간히 만날 수 있습니다. 이를 typescript는 코딩할 때 다 짚어주기 때문에 그런 오류들을 사전에 예방할 수 있습니다! 

 둘째로, 자바스크립트로 컴파일됩니다. 다시말해, 타입스크립트로 짜여진 코드를 실행하기 위해 별도의 플러그인이 필요하지 않다는 말이죠, 브라우저에 내장된 웹엔진 이외의 플러그인은 필요하지 않습니다.

 셋째로, MS가 만들었기 때문에 VSCode와 연동성이 좋습니다. 이는 제가 아직 ts를 많이 다뤄보지 않았기 때문에 말씀드릴 것이 없지만 유튜브에 돌아다니는 영상중에 이를 언급한 유튜버들이 꽤 있었습니다.

 

https://www.typescriptlang.org/

JavaScript With Syntax For Types.

 위는 타입스크립트 공식 사이트입니다. 참고바랍니다.

 

타입스크립트 설치

• 타입스크립트는 기본적으로 npm 패키지 입니다. npm install -g typescript 로 설치해주세요.
• 이후에 작업할 타입스크립트 파일은 .ts 확장자로 만들어주세요. (.ts가 타입스크립트 확장자입니다.)
• 작업 폴더에 tsconfig.json 파일을 생성해주시고, 아래 있는 코드를 복사 붙여넣기 해주세요! 

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

• 이제 터미널에 tsc -w를 입력하고 타입스크립트 파일에서 작업하면 자동으로 js파일로 변환 후 저장됩니다.

다음 포스팅에서 변수 선언에 관해 공부해보도록하겠습니다.