전체보기192 타입스크립트 제네릭 제네릭 제네릭 소개 /** * 제네릭 * = 일반적인 * 모든 타입에 두루두루 쓸 수 있는 범용 (함수) */ // 제네릭 함수 // 함수에 인수에 따라서 반환값의 타입을 가변적으로 정해줄 수 있다! function func(value: T): T { return value; } let num = func(10); let bool = func(true); let str = func("string"); let arr = func([1, 2, 3]); // let arr = func([1, 2, 3] as [number, number, number]); 타입 변수 응용하기 /** * 첫 번째 사례 */ function swap(a: T, b: U) { return [b, a]; } const [a, b] =.. 2023. 10. 23. 타입스크립트 클래스 클래스 자바스크립트의 클래스 소개 /** * 클래스 */ let studentA = { name: "이정환", grade: "A+", age: 27, study() { console.log("열심히 공부 함"); }, introduce() { console.log("안녕하세요!"); }, }; class Student { // 필드 name; grade; age; // 생성자 constructor(name, grade, age) { this.name = name; this.grade = grade; this.age = age; } // 메서드 study() { console.log("열심히 공부 함"); } introduce() { console.log(`안녕하세요! ${this.name}입니다!`); .. 2023. 10. 23. 타입스크립트 인터페이스 인터페이스 인터페이스 /** * 인터페이스 */ interface Person { readonly name: string; age?: number; sayHi(): void; sayHi(a: number, b: number): void; } const person: Person = { name: "Rachel", sayHi: function () { console.log("Hi"); }, }; person.sayHi(); person.sayHi(1, 2); 인터페이스 확장하기 /** * 인터페이스의 확장(상속) */ interface Animal { name: string; color: string; } interface Dog extends Animal { isBark: boolean; } const .. 2023. 10. 23. 10월 구름톤 트레이닝 세미나 내용 정리, 온라인 참석 🍂10월 구름톤 트레이닝 세미나 안내 [Session 1] 주제 : 구름 IDE 개발 프로세스 및 개발자들이 일하는 방식 일시 : 2023.10.20.(금) 15:30~16:50 강사 : 구름 IDE 테크 리더 Mac [Session 2] 주제 : [Part2] 개발자로의 성장 : 기본기 일시 : 2023.10.20.(금) 17:00~18:30 강사 : 구름 대표이사 Wayne 이번 달도 구름에서 세미나가 열려서 이번에는 온라인으로 참석했다! 오프라인으로 참석하신 스터디 팀원분들이랑 직접 인사는 못해 아쉬웠지만 온라인으로 참석해 세미나에서 좋은 정보 들을 수 있었다. [Section 1] 현업에서 제품을 만드는 과정 개발자가 갖추어야 하는 역량 개발 = 사용자의 문제를 해결 요구 사항의 기술적 검토 기능.. 2023. 10. 20. 타입스크립트 함수와 타입 함수와 타입 함수 타입 /** * 함수 타입 정의 */ // 함수를 설명하는 가장 좋은 방법 // 어떤 매개변수를 받고, 어떤 결과값을 반환하는지 이야기 // 어떤 [타입의] 매개변수를 받고, 어떤 [타입의] 결과값을 반환하는지 이야기 function func(a: number, b: number) { return a + b; } /** * 화살표 함수의 타입을 정의하는 방법 */ const add = (a: number, b: number) => a + b; /** * 함수의 매개변수 */ // 기본값을 기준으로 타입 추론 // 필수 매개변수는 선택적 매개변수 뒤에 올 수 없음 function introduce(name = "rachel", age: number, tall?: number) { cons.. 2023. 10. 18. 타입스크립트 이해하기 타입스크립트 이해하기 타인은 집합이다 슈퍼타입(부모타입) > 서브타입(자식타입) 타입 계층도와 함께 기본타입 살펴보기 /** * unknown 타입 */ function unknownExam() { // up cast let a: unknown = 1; let b: unknown = "hello"; let c: unknown = true; let d: unknown = null; let e: unknown = undefined; let unknownVar: unknown; // down cast X // let num: number = unknownVar; // let str: string = unknownVar; // let bool: boolean = unknownVar; } /** * never 타.. 2023. 10. 18. 이전 1 2 3 4 5 6 7 ··· 32 다음
