🧉 진도 7. 제네릭 (3/6)제네릭 소개타입 변수 응용하기map, forEach 메서드 타입 정의하기🍽️ 요약 제네릭/** * 제네릭 */// function func(value:unknown){// return value;// }function func(value: T):T { return value;}// = 타입변수. 함수를 호출할 때마다 인수에 따라 타입이 결정됨// 범용적으로 쓸 수 있는 제네릭함수let num = func(10);// num.toUpperCase(); if(typeof num === 'number'){ num.toFixed(); }let bool = func(true);let str = func('string');// 프로그래머가 명시적으로 사용..

🍮 진도 6. 클래스 (4/4)자바스크립트의 클래스 소개타입스크립트의 클래스접근제어자인터페이스와 클래스 🥛  요약 자바스크립트의 클래스/** * 클래스 class */let studentA = { name: "Julie", grade: "A+", age: 24, study() { console.log("열심히 공부함"); }, introduce() { console.log("안녕하세요"); },};class Student {// field name; grade; age;// constructor constructor(name, grade, age) { this.name = name; this...

🍶 진도 4. 함수와 타입 (5/5)함수 오버로딩사용자 정의 타입 가드5. 인터페이스 (3/3)인터페이스인터페이스 확장하기인터페이스 선언 합치기🫘 요약 함수 오버로딩/** * 함수 오버로딩 * 하나의 함수를 매개변수의 갯수나 타입에 따라 * 여러가지 버전으로 만드는 문법 * -> 하나의 함수 func * -> 모든 매개변수의 타입은 number * -> ver1. 매개변수가 1개 -> 이 매개변수에 20을 곱한 값 출력 * -> ver2. 매개변수가 3개 -> 이 매개변수들을 다 더한 값을 출력 */// 버전들 -> 오버로드 시그니처function func(a: number): void; // 1번function func(a: number, b: number, c: number): void; // 2..

🥊 진도 3. 타입스크립트 이해하기 (9/9)타입 단언타입 좁히기서로소 유니온 타입🥋 요약 타입 단언 (Type Assertion)// 타입스크립트의 눈을 잠깐 가려서 내가 작성한 타입이라고 믿도록 만드는 것이기 때문에 위험할 수 있다type Person = { name: string; age: number;};let person = {} as Person;person.name = "Julie";person.age = 24;type Dog = { name: string; color: string;};let dog = { name: "kimbab", color: "white", breed: "jindo",} as Dog;/** * 타입 단언의 규칙 * 단언식 : ..

🥗 진도 3. 타입스크립트 이해하기 (6/9)객체 타입의 호환성대수 타입타입 추론🏈 요약 ! 객체 타입의 호환성// 기본 타입 간의 호환성let num1: number = 10;let num2: 10 = 10;num1 = num2; // num2 = num1;// 객체 타입 간의 호환성// -> 어떤 객체 타입을 다른 객체타입으로 취급해도 괜찮을까?!type Animal = { name: string; color: string;};type Dog = { name: string; color: string; breed: string;};let animal: Animal = { name: "giraffe", color: "yellow",};let dog: Dog = {..

🏓 진도 2. 타입스크립트 기본 (8/8)Any와 UnknownVoid와 Never3. 타입스크립트 이해하기 (3/9)타입스크립트 이해하기타입은 집합이다타입 계층도와 함께 기본타입 살펴보기🪃 요약 & 과제 => 오늘 배운 내용을 토대로 아래의 4가지 타입에 대해 가볍게 정리하기Unknown모든 값을 받을 수 있는 타입이지만, unknown 타입을 사용할 때는 변수를 사용하기 전에 명시적인 타입 체크나 타입 단언을 통해 해당 값의 타입을 확인해야만 실제로 해당 값에 접근하거나 사용할 수 있다.any와 마찬가지로 어떠한 타입의 값도 저장할 수 있다.하지만 다른점은 unknown타입의 값을 다른 타입에 대입할 수 없고 메서드들도 사용이 불가능하다.// 값의 타입을 확인해야만 실제로 해당 값에 접근할 수 있..

진도 1. 타입스크립트 개론 (5/5)타입스크립트 컴파일러 옵션 설정2. 타입스크립트 기본 (2/8)기본 타입이란원시 타입과 리터럴 타입요약number 타입으로 정의한 변수에는 number 타입을 제외한 값을 할당할 수 없으며, number 타입의 값이 사용할 수 없는 toUpperCase 등의 메서드는 사용할 수 없다.// numberlet num1:number = 123;let num2:number = -123;let num3: number = 0.123;let num4: number = -0.123;let num5: number = Infinity;let num6: number = -Infinity;let num7: number = NaN; 변수의 이름 뒤에 콜론(:)과 함께 변수의 타입을 정의하는..

진도 1. 강의 소개 (2/2)2. 타입스크립트 개론 (4/5)3. 타입스크립트 소개- JS의 단점, TS의 장점- 타입스크립트의 동작 원리- Hello TS World과제 : 타입스크립트를 이용해 자기 소개 코드를 작성한 다음,tsc로 컴파일하고 node로 실행한 후, console에 찍힌 내용을 제출하기. 근데 이거 하다가 undici-types 오류가 떴다npm i하니까 자동으로 undici-types가 깔려서 생기는 오류같은데 npm i @types/node@20.8.0로 버전을 다르게 설치하니 없어졌다.