2024/08 4

function

# 함수에도 각각 요소에 타입을 지정할 수 있다. # 파라미터에 타입 지정하기function fuc(para: number) {}fuc("dori");이렇게 왜 파라미터는 숫자타입인데 fuc('dori')로 문자타입을 인수로 넣어 호출하려 하느냐? 하면서 뭐라고함  # 리턴값에 타입 지정하기function fuc(para: number): number { return "muzzi";}함수 옆에다가 또 적어주면 되는데리턴값이 number이어야 하는데 string 인 'muzzi'가 나왔다고 에러를 띄워준다 # 리턴값 안정해주면?function fuc(para: number) { return "muzzi";}에러 안뜬다.이것도 any타입으로 나오는듯.   # 리턴값 '없어야 하는' 함수function f..

union type

# union type이란?타입을 여러개 지정할 수 있는 방법이다.let test: string | number = "jacob";test = 1;test라는 변수는 string타입 혹은 number타입이다.처음에 jacob이라는 스트링을 할당했다가 숫자 1을 재할당하면 두 타입 되니까 오류 안뜬다.저렇게 or기호로 타입을 or로 써줄 수 있음. and는 당연히 없음.  # 어레이에 union type지정하기let arr: string[] = ["a", "b", "c"];이렇게 스트링만 들어갈 수 있는 어레이에다가 숫자도 들어갈 수 있게 하려면,let arr: string[] = ["a", "b", "c", 1];에러가 뜬다.이때 union type을 사용해보자. let arr: number | stri..

primitive types

# primitive types란?이전 ts포스팅에서 단순하게 string타입으로 예시를 들었다.이런걸 원시타입들이라고 하는데 걍 식별자 하나를 가르킨다.사실 js배울때 primitive값이랑 object값이랑 따로배웠는데 그냥 여긴 오브젝트에 들어있는 키에대한 값도원시값이라고 하나보다. (코딩애플이 기본강의라 구분 안해놓은걸수도 있음..)  # string 타입let testName: string = "kim";스트링타입 # number타입let testAge: number = 33; # boolean 타입let testBollean: boolean = true; # null 타입let testnull: null = null;isNull안해도될듯? # undefined타입let testundefined..

installation & setting

# 설치타스는 노드js가 필요하다.npm install -g typescript이걸로 타스를 설치하자. # .ts 파일 만들기.ts로 만드는 파일을 만들자이렇게 index.ts라는 파일을 만들고 타스코드를 입력하면 된다. # tsconfig.json이라는 파일도 만들자{ "compilerOptions": { "target": "es5", "module": "commonjs" }}이내용 복붙해놓자  # 실시간 컴파일tsc -w이거 커맨드에 치면 index.js라는 파일이 생긴다.이게 자동컴파일 해준다는거다. 그러면 .ts파일을 저장할때마다 컴파일이 자동으로되면서이렇게 커맨드에 에러있는지 없는지 체크해준다.  설치는 아주 단순하고 쉽다.. 리액트나 vue에 적용하는건 따로 해봐야할듯.  # 기..