codeStates front-end/Typescript
-
[TS] 배열과 튜플codeStates front-end/Typescript 2023. 3. 12. 20:49
HTML 삽입 미리보기할 수 없는 소스 📌 배열 개별 자바스크립트 배열은 하나의 특정 타입의 값만 가진다. 타입 스크립트는 초기 배열의 어떤 데이터 타입이 있는지 기억하고 배열이 해당 데이터 타입에서만 작동하도록 제한한다. 📍배열 타입 변수에 타입 에너테이션을 제공해 배열이 포함해야하는 값의 타입을 알려주어야 한다. // 선언과 할당을 동시에 let car:string[] = ['BMW','AUDI','BEN'] // 선언과 할당을 분리 let fruits: string[] = []; fruits.push("apple"); fruits.push("banana"); // 제네릭 사용 let fruits:Array= new Array(); fruits.push(1); fruits.push(2); 배열과 함수..
-
[TS] 함수codeStates front-end/Typescript 2023. 3. 12. 19:46
HTML 삽입 미리보기할 수 없는 소스 📌 함수 📍함수 매개변수 💁매개변수란? 함수를 정의할 때 사용되는 변수를 의미 타입 스크립트에서 함수는 자바스크립트처럼 생성할 수 있으나, 매개변수의 타입과 반환 타입을 설정해야 한다. // 타입을 선언하지 않으면 any로 간주한다 function sing(song : string){ console.log('Singing : ${song}!'); } 🔗 필수 매게변수와 선택적 매게변수 필수 매게변수 타입스크립트는 함수에 정의된 모든 매개변수가 함수에 필요하다고 가정한다. function sendGreeting (message : string, userName: string):void { console.log (`${message}, ${userName}`); } s..
-
[TS] 객체codeStates front-end/Typescript 2023. 3. 6. 20:36
HTML 삽입 미리보기할 수 없는 소스 📌 객체 📍객체 타입 기존 객체에서 타입을 유추하는 방법도 좋치만, 객체 타입을 명시적으로 선언하는 방법도 좋다. 값의 속성의 접근하려면 value.멤버 또는 value['멤버'] const poet = { born : 1935;, name : "Mary Oliver" } poet['born']; // 타입 : number poet.name; // 타입 : String poet,end; // Error // 객체 타입 선언 let student : { age : number; name : string; } student = { age : 20; name : "jeong"; } // 별칭 객체 타입 let student2 : student; student2 = { a..
-
[TS] 타입 시스템, 유니언과 리터럴codeStates front-end/Typescript 2023. 3. 6. 17:43
HTML 삽입 미리보기할 수 없는 소스 📌 타입 시스템 📍 타입의 종류 🔗 타입스크립트의 기본 윈시 타입 null undefined boolean string number bigint symbol 🔗 할당가능성 함수 호출이나 변수에 값을 제공할 수 있는지 여부를 확인하는 것 'Type... is not assignable to type ...' // 할당가능성 오류 🔗 타입 에너테이션 초기 다입을 유추할 수 없는 변수는 진화하는 any let rocker; // 진화하는 any rocket = "John" // 타입 : string 📍 유니언과 리터럴 유니언 : 값에 허용된 타입을 두 개 이상의 가능한 타입으로 확장하는 것 리터럴 : 값에 허용된 타입이 하나 이상의 가능한 타입이 되지 않도록 좁히는 것 ..