Frontend 개발자 - hyo.loui

🎯목적 : TS 타입 추론(Type Inference), 정리 및 복습 1. 타입추론 이란? 정적타입 언어를 사용할 때 단점은 타입을 정의하는데 시간과 노력이 많이 필요해서 생산성이 저하될 수 있다. TS의 경우 다양한 경우에 대해 타입추론을 제공하기 때문에 꼭 필요한 경우에만 타입을 정의할 수 있다. // Type Inference let abc = "abc"; // string let number = 2; // number // abc = 123; // Error // number = "abcd"; // Error const n1 = 123; // string const n2 = "123"; // number const array2 = [1, 2, 3]; // Array const [x1, x2, x..

🎯목적 : TS Generic (제네릭), 정리 및 복습 1. 제네릭 이란? 제네릭은 타입을 마치 함수의 파라미터처럼 사용 하는 것이다 말로만 하면 감이 잘 안오고 이해가 안된다. 하지만 파라미터의 생김새와 대조해서 머릿속에 떠올려야 이해가 잘 된다 // Generic function generic(any: T): T { return any; } generic(1); // 1 generic("1"); // "1" generic(true); // true function 함수명 여기 를 따라서 타입이 전달되고 파라미터와 함수타입 : T 에 전달된다! 2. 제네릭 활용 1. getIteArray 는 배열(파라미터)에서, index(파라미터)번째에 있는 것을 찾는 함수 2. pushItemArray 는 배열(..

🎯목적 : TS Type Alias (타입 별칭), 정리 및 복습 1. Type Alias ? 타입을 미리 객체의 형태로 선언해 둔 후 필요한 곳에서 별칭을 호출하여 사용할 수 있다. // Type Alias type Hero = { name: string; power: number; height: number; gender: "남" | "여"; }; Hero 라는 타입의 별칭! 2. 타입 별칭의 형태 // Type Alias type Hero = { name: string; power: number; height: number; gender: "남" | "여"; }; 3. 타입 별칭의 적용 const hero1: Hero = { name: "슈퍼맨", power: 100, height: 100, gen..

🎯목적 : Type Script Union 유니온|유니언 타입, 정리 및 복습 1. 유니온 타입이란? 타입을 "or 연산자"로 2개 이상 넣을 수 있게 해준다 // Union (A || B) const printOut = (input: string | number) => { console.log(input); }; printOut("hi"); // hi printOut(22); // 22 🧪나의 실험실 // Union (A || B) const printOut = (input: string | number) => { return input; }; const test_ = typeof printOut("hi"); // hi console.log("👉👉 test_", test_); //👉👉 test_ str..

🎯목적 : Type Script 함수 타입 정리 및 복습 1. JS와 비교 JS // js function add(n1, n2) { return n1 + n2; } TS function add(num1: number, num2: number): number { return num1 + num2; } console.log("👉👉 add", typeof add(3, 4)); //👉👉 add number 🧪나의 실험실 // 실험 const one1 = add(1, 2); const two = add(1, "2"); // Error const three = add(1, 2, 3); // Error const four = add(1); // Error // 파라미터에서 return되는 타입이 바뀌는건 불가능 fu..

🎯목적 : Type Script 타입 총정리 및 복습 String Number Boolean Object Array Tuple Enum Any Void Null Undefined Never 1. String (문자형) JS와 마찬가지로 텍스트 데이터 타입을 string으로 표현한다. 작은따옴표('')나 큰따옴표("")로 문자열 데이터를 감싸는데 사용한다 // string let str: string = "Typescript"; // str = 1; // Error // str = true; // Error // str = undefined; // Error let fullname: string = "ABC"; let age: number = 14; let sentence: string = `my name..

❤️‍🔥TIL : Today I Learned 자 이번에도 라면이다.. 내 인생.... 라면..... 수돗물에게 '맛있는물' 이라는 이름을 지어줬다 라면국물에게 '라국' 이라는 이름을 지어줬다 '맛있는물' + '라국' 이게 되나? 된다! 같은 액체라서 둘은 섞인다! 하지만, 냄비에게 '라면전용냄비' 이름을 붙여준다 '맛있는물' + '라면전용냄비' 이건 안된다 물은 액체이고, 냄비는 고체이다 둘은 성질이 달라서 안섞인다! 내가 이름을 붙인건 '변수'를 설명하기 위함 이고 섞었는데 안되는건 '타입' 이 다르기 때문이라고 이해 하면 된다 복잡하게 생각하지 말고 받아들여야 한다. 우리는 컴퓨터에게 하나부터 열까지 설명하고 가르쳐야 하기 때문... 세상의 이치라고 편~하게 받아들이자 변수 (variable) le..