본문 바로가기
반응형

programming language/TypeScript13

타입스크립트 interface 아래 예문에서 함수는 object[]를 타입이다. 매개변수도 타입을 정의해줬는데, 함수 내부에서 파라미터의 속성의 타입이 없다는 에러를 발견했을 때의 오류는 어떻게 해결해야 할까? parameter의 타입이 object일 때 let todoItems: object[]; function completeTodo(index:number, todo:object):void { todo.done = true; todoItems.splice(index, 1, todo); } todo.done의 부분 done이 빨간 밑줄이 생기는데 속성의 타입이 없다고 한다. 이럴때는 객체의 형태를 구체적으로 타입을 정의해줘야 한다. let todoItems: {{id:number, title: string, done: boolean.. 2022. 12. 4.
ts any, void - tsconfing.json에서 noImplicitAny는 true로 변경 - index.ts에 가면 타입이 할당되지 않은 부분은 빨간 밑줄이 생긴다. any string, number, array... 등 모든 타입을 통칭해서 쓸 수 있다. any는 js원래 성질처럼 실행하는 시점에서 타입을 할당해준다. 하지만 any보다는 최대한 구체적인 타입을 넣는것을 추천! void 함수의 반환타입 (리턴)이 없다고 할 때 명시적으로 void를 지정해준다. 2022. 12. 3.
타입스크립트 변수와 함수 타입 정의 문자, 숫자, 배열 const str: string = 'hello' const num: number = 10 const arr: Array = [1,2,3] const arr2: Array = ['가', '나', '다', 10] //error const arr3: number[] = [4,5,6] - 배열은 Array로 사용해줘도 되지만 타입+배열 리터럴로도 해줄 수 있다. 튜플, 객체, 진위값 // TS 튜플 const address: [string, number] = ['gangnam', 100] - 튜플은 배열 index에 타입 뿐 아니라 각 요소의 타입도 지정해 줄 수 있다. - 배열의 길이가 고정되고 각 요소의 타입이 지정되어 있는 배열 형식을 의미 // TS 객체 let obj: object.. 2022. 12. 3.
tsc 컴파일 브라우저가 타입스크립트 파일은 인식하지 못한다. 그래서 타입스크립트 파일은 js파일로 컴파일 시켜야한다. 먼저 웹팩을 이용해서 typescript를 설치해준다. npm i typescript -g 시스템 레벨에 typescript가 설치가 완료됐다면 tsc index.ts 해당 명령어를 입력하면 js파일로 변환되는 것을 확인할 수 있다. 웹 자동화 도구를 이용해서 반복적인 명령어를 자동화 시켜서 사용하는 것이 효율적이다. tsc도 컴파일을 할 때 부가적인 옵션을 줄 수 있다. tsconfig.json 파일안에 key:value형태로 만들어 준다. //tsconfig.json { "compilerOptions": { "allowJS": true, "checkJs" : true, // js의 @ts-chec.. 2022. 12. 2.
728x90
반응형