Development/Typescript

타입스크립트 인터페이스란? 타입스크립트에서 변수의 타입을 일일히 지정해주면 기존보다 코드가 길어져서 코드의 내용이 복잡해질수 있다. 이럴때 타입스크립트에서 사용하는것이 타입 앨리어스 와 인터페이스가 있다. 오늘은 그중 인터페이스에 대해 알아보고자 한다. 인터페이스는 일반적으로 타입 체크를 위해 사용되며 변수, 함수, 클래스에 사용할 수 있다. 인터페이스는 여러가지 타입을 갖는 프로퍼티로 이루어진 새로운 타입을 정의하는 것과 유사하다. 인터페이스에 선언된 프로퍼티 또는 메소드의 구현을 강제하여 일관성을 유지할 수 있도록 하는 것이다. 이때 인터페이스를 타입으로 선언한 변수, 함수, 클래스는 해당 인터페이스를 준수하여야 한다. // 인터페이스 선언 interface User { age: number; nam..

파라미터에 타입을 정의하는 방식 // 함수의 파라미터에 타입을 정의하는 방식 function sum(a: number, b: number) { return a + b; } sum (10, 20); 반환값에 타입을 정의하는 방식 // 함수의 반환값에 타입을 정의하는 방식 function add(): number { return 10; } 타입스크립트에서 함수를 정의하는 방식 (기본) // 함수에 타입을 정의하는 방식 function sum(a: number, b: number): number { return a + b; } PS. 타입스크립트에서는 파라미터를 제한하는 특성이 있습니다. function sum(a: number, b: number): number { return a + b; } sum(10,..

- 자바스크립트 [문자열 선언] // JS 문자열 선언 var str = "hello"; - 타입스크립트 [문자열 선언] // TS 문자열 선언 var str: string = "hello"; - 타입스크립트 [숫자 선언] // TS 숫자 선언 let num: number = 10; - 타입스크립트 [배열 선언] // TS 배열 선언 let arr: Array = [1, 2, 3]; let heroes: Array = ["Captin", "Thor", "Hulk", "Ironman"]; let items: number[] = [10, 20, 30, 40, 50]; - 타입스크립트 [튜플 선언] // TS 튜플 선언 let address: [String, number] = ["gangnam", 10]; 배..

타입스크립트를 사용하기 위해 Node.js가 설치되어있는지 확인을 해야 합니다. node -v 를 입력하여 node가 설치되어 있는지 확인합니다. node를 설치후 다음을 진행합니다. npm install typescript -g 타입스크립트 글로벌 설치 설치후 VScode에서 tsc 파일명.ts 을 입력하면 해당 ts파일을 인식하여 같은경로에 js파일로 변환하여 생성해줍니다. 그 다음 해당 경로에서 tsconfig.json 파일을 만들어 다음을 추가합니다. { "compilerOptions": { "allowJs": true, "checkJs": true, "noImplicitAny": true } } compilerOptions 은 프로젝트에서 타입스크립트를 어떤 방식으로 이해할지 옵션을 정하는 것이..