영부터 구까지 영부터 구까지

- 제네릭이란? 제네릭은 타입을 미리 지정하지 않고 사용하는 시점에 타입을 정의해서 쓸 수 있는 문법을 말한다.// 제네릭 함수function identity(value: T): T { return value;}console.log(identity(42)); // 42console.log(identity("hello")); // hello 위의 코드에서는 를 통해서 제네릭을 지정했다. 그로 인해 number 타입, string 타입이 성공적으로 출력되는 것을 확인할 수 있다.  아래의 코드는 유니온 타입을 제네릭으로 바꾼 예시이다.const firstElement = (elements: number[] | string[]) => elements[0];firstElement([1, 2, ..

- 인터페이스란? 인터페이스는 객체 타입을 지정할 때 사용하는 문법이다. 인터페이스는 다음과 같은 문법을 가진다.interface 타입명 { 속성:타입, ...}  다음은 인터페이스가 병합되는 코드이다.// interface1.tsinterface Person { name: string; age: number;}// interface2.tsinterface Person { email: string; phone?: string;}// main.tsconst john: Person = { name: "John Doe", age: 30, email: "john.doe@example.com", phone: "123-456-7890"};console.log(john);  인터페이스는 상..

- 타입 별칭 타입 별칭(Type Alias)란? - type 키워드를 사용해서 타입을 지정하는 방식을 의미한다.type TUser = { name: string; age: number;};function printUser(user: TUser): string { return `Name: ${user.name}, Age: ${user.age}`;} 기존에는 인라인 방식으로 타입을 지정했다면, 이건 미리 지정해서 사용하는 것이라고 생각한다. 아래는 여러 방식으로 타입 별칭을 사용하는 방법이다.   - 기본적인 타입 별칭type ID = string | number;  - 객체 타입 별칭type User = { name: string; readonly age?: number;};const..

타입 오퍼레이터유니온 타입인터렉션 타입- 타입 오퍼레이터 타입스크립트에서는 자바스크립트의 OR(||) 연산자와 AND(&&) 연산자와 같은 역할을 하는 타입이 존재한다. 바로, 유니온 타입과 인터렉션 타입이다. 오늘은 타입스크립트 오퍼레이터의 유니온 타입과 인터렉션 타입에 대해 알아보자.      - 유니온 타입 유니온 타입은 OR(||) 연산자와 같은 역할을 하는 타입스크립트 오퍼레이터이다. 타입스크립트에서는 ( | )로 여러 개의 타입을 결합한 타입을 말한다. 유니온 타입은 연결된 타입 중 1개의 타입만 만족하면 된다.const firstElements = (elements: number[] | string[]) => elements[0];firstElements([1, 2, 3]); // 1firs..

매개변수에 타입 지정하기반환값에 타입 지정하기옵셔널 파라미터함수 오버로드- 매개변수에 타입 지정하기 자바스크립트의 함수에는 인자, 인수(매개변수)가 있다.function sum(a, b) { return a + b;}sum(10, 20) // 10과 20은 인자 이러한 매개변수에 타입을 지정할 것이다.function sum(a:number, b:number) { return a + b;}sum(10, 20); // OKsum('a', 'b'); // NOT OK 매개변수에 number라는 타입을 지정하였다. sum 함수의 매개변수에 string 타입을 넣으면 오류가 발생한다. - 반환값에 타입 지정하기 함수가 반환되는 값에도 타입을 지정할 수 있다.function sum(a, b):num..

타입스크립트의 기본 타입에 대해 알아보려고 합니다. 저도 타입스크립트가 처음인지라 처음부터 천천히 배우고자 하는 중입니다..! - 타입스크립트 기본 타입 타입스크립트에서 추가된 기본 타입은 다음과 같다. stringnumberbooleanobjectArray (대문자)tupleanynullundefined - stringstring 타입은 문자열 타입이다.const str:string = "Hello World"; - numbernumber 타입은 숫자 타입이다.const num:number = 10; - booleanboolean 타입은 논리형 타입이다.const agree:boolean = true; - objectobject 타입은 객체 타입이다.const user:object = { name: "..

타입스크립트(TypeScript) 란?타입스크립트(TypeScript) 시작하기타입스크립트 with VSCode- 타입스크립트( TypeScript )란? 타입스크립트는 별도의 새로운 언어가 아닌, 자바스크립트에 타입(type)을 추가한 확장 언어이다. 새로 배우는 언어는 아니기 때문에 학습 난이도는 높지 않은 편이지만, 복잡하긴 하다...ㅎㅎ - 타입스크립트( Typescript ) 시작하기 타입스크립트로 작성된 코드를 실행하려면? => 타입스크립트 코드를 자바스크립트 코드로 변환해주는 작업이 필요하다. 이러한 변환 작업을 컴파일(compile)이라고 한다. 저는 Node.js를 이용하는 방법으로 진행하고자 합니다.  Step1.실습에 사용한 폴더를 하나 생성하여 Visual Studio Code로 열..