Daily Front_Minhhk

[TS] 셋팅 + 기초 맛보기 본문

Study/Typescript

[TS] 셋팅 + 기초 맛보기

Minhhk 2023. 5. 5. 01:02

1. 타입스크립트 설치

npm install typescript -g

 

2. 개발서버 설정

npm install --save-dev lite-server

2-1. package.json에 start 넣어줌

  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "start": "lite-server"
  },

 

3. ts 파일 > 컴파일 원한다?

tsc app.ts  -> app.js

 

 

ex)

 

파라미터에 number 설정하고

 

변수에 string 형식 넣으니까 IDE 에러를 표출한다

 

 

컴파일을 하게 되면 에러 발생!!

 

 

 

👀

타입스크립트에서는 항상 string 또는 number와 같은 타입을 다루며, 
타입스크립트의 주요 원시 타입은 모두 소문자!!
app.js 와 app.ts 동시에 열면 IDE 중복에러가 발생해서 체크 잘 하자!
시작은 좋다~~ 👍🏻