[TIL]2023.07.31 Type Script 적응기 타입스크립트 기초 혼공(1)!👤

Nick·2023년 8월 2일
0

TIL: 오늘을 돌아보자

목록 보기
57/95
post-thumbnail
post-custom-banner

ToDoList 를 타입스크립트로 만들어 보기전에 기초적인 타입스크립트에 대해, 메모해 두었던 것을
기록으로 남겨본다!

타입스크립트 기본 타입 ! 5가지

변수

  • let a:number = 3
  • let b:string = "love you"
  • let c:boolean = true
  • let d:null = null
  • let e:undefined = undefined
  • let f:any = "asdasdsa"
    (어떤 타입인지 애매하거나 모르겠을때 ㅎㅎ)
    -> 아직 정해져있지 않은 타입이나, 자주 바뀌는 타입에 쓰이지만, 지양하자
  • let g:number | string =
    타입을 2개정도는 지정해 줄 수 있어!
  • let e:string[] = ["apple","mango"]
    배열은 이런식으로!
    e.push(3) ->에러 ! -> let e:number[] = [1,2] 이런식으로 적용

함수

  • (매개변수에 타입 지정 ): 결과값도 타입 지정
function addNumber(a:number, b:number):number{
return a+b
}

tsconfig.json

{
"compilerOptions":{
"outDir:"dist",
"target":"es6",
"module":"commonjs",
"lib":["es6"],
"sourceMap":true
},
}
  • compilerOptions
  • outDir : ts를 컴파일 한 후에 js파일을 dist 폴더에 넣어 관리해줘
  • target: es6버전으로 변환할래
  • -"lib":["es6"]: es6 라이브러리 쓸래!
    등등...

타입스크립트 컴파일

노드는 자바스크립트만 이해하지, 타입스크립트는 이해하지 않아서 타입스크립트를 돌려주는 명령어가 따로 있다.

  • tsc index.ts
    (타입스크립트는 브라우저가 이해하지 못해)

profile
배우고 도전하는것을 멈추지 않는 개발자 입니다.
post-custom-banner

0개의 댓글