TypeScript의 Modules 프로그래밍 배경에서의 모듈 모듈 💡 프로그래밍을 구성하는 시스템을 기능 단위로 독립적인 부분으로 분리하는 것 - 단순히 규모가 큰 것을 작게 여러 개로 나눈 조각이 아니라, 하나 이상의 논리적인 기능을 수행하기 위한 명령어의 집합 모듈은 독립적인 프로그램 그 자체일 수도 있고 함수나 메서드일 수도 있다.모듈이 되려면 다른 것들과 구분될 수 있는 독립적인 기능을 가져야 하고 유일한 이름을 사용해야 한다.다른 프로그램이나 또 다른 모듈에서 호출하여 사용할 수도 있어야 한다.모듈 자체로서 재사용될 수 있고 독립적으로 컴파일이 가능해야 한다는 중요한 특징을 포함해야 한다.모듈은 다양한 형태로 존재할 수 있는데 용도가 비슷한 함수나 추상화된 자료, 객체, 메서드 등이 이에 해당한다.✍️ 무언가 독립적인, .. TypeScript의 Generics https://www.typescriptlang.org/docs/handbook/2/generics.html Documentation - GenericsTypes which take parameterswww.typescriptlang.orgGenericsfunction identity(arg: number): number { return arg;} → 숫자 타입의 파라마티 arg 변수를 입력받아, 숫자 타입의 arg 변수를 반환한다. Generics가 왜 필요할까?CLI에서 echo command에서 자주 볼 수 있다.입력된 값을 화면에 출력하는 데 사용된다.사용자가 입력한 데이터가 예상한 형식인지 확인하는 타입 검증 목적으로 사용된다.입력 값을 다른 함수에 전달하거나, 조건문에서 사용하여 프로그램의 .. TypeScript의 Object, Class https://www.typescriptlang.org/docs/handbook/2/classes.html Documentation - ClassesHow classes work in TypeScriptwww.typescriptlang.orgObject// Vanilia JS(PURE) : Object only -> Prototype-based programming// objectlet robot = { // Members // Property(속성) name: "R2-D2", model: "AstroMech", status: "Active", // Method(행동) performTask: function (task: string) { console.log(.. TypeScript의 타입 - 2 Any 📌 TypeScript의 타입 검사 자체를 진행하지 않는 타입 키워드 ➡️ 오류 회피용 타입 ex)let obj: any = { x: 0 };obj.foo();obj();obj.bar = 100;obj = "hello";const n: number = obj; 마치 JavaScript와 유사한 동작을 하게 되면서 TypeScript의 장점을 활용할 수 없는 의미없는 상태도 되기도 함하지만 해당 타입 존재 이유?기존 JavaScript 프로젝트 등 코드의 재사용성을 높이기 위함TS 프로젝트에서 방대한 JS 모듈, 라이브러리를 사용하는 편리성을 높이기 위함✍️ 해당 타입을 사용하는 것은 간단히 오류를 피하기 위한 임시조치로 사용하면 안되고 의미를 고려하여 사용해야 함 tsconfig.json 설정파.. TypeScript의 타입 - 1 https://www.typescriptlang.org/docs/handbook/2/everyday-types.html Documentation - Everyday TypesThe language primitives.www.typescriptlang.org원시 타입//The primitivesconst str = "Hello"; // stringconst num = 10; // numberconst bool = true; // booleanconsole.log(str.length); // 5console.log(str.toUpperCase()); // HELLO string : 문자열number : 숫자boolean : 논리소문자로 타입을 명시해야한다.JavaScript에서의 대문자 String, Num.. TypeScript 기본 개념 TypeScript란?📌 TypeScript는 타입 구문이 있는 JavaScript📌 TypeScript는 JavaScript의 상위 집합📌 TypeScript는 JavaScript의 유연성, 확장성을 유지하면서도 정적 타입 시스템의 이점을 제공하여, 동적 + 정적 타입 언어의 특성을 모두 이해하고 더 나은 개발 경험 제공 TypeScript는 JavaScript 기반의 강력한 타입 프로그래밍 언어로 어떤 규모에서도 더 나은 도구를 제공TypeScript는 추가적인 구문을 JavaScript에 에디터와 긴밀히 연결되는 기능을 제공함 ⇒ 에디터에서 일찍 오류를 잡을 수 있음개발자는 개발 단계에서 코드 작성 중 실시간으로 오류를 발견 가능TypeScript 코드는 JavaScript로 변환되며, Jav.. 이전 1 다음
