제네릭(Generics) 제네릭이란 함수를 정의할때 타입을 정해 주는 것이 아니라, 함수가 동작할때 타입이 정해지도록 하는 것이다. 밑에 코드에서 T가 제네릭 타입으로 함수를 정의할때 T라는 변수로 사용하고 함수가 동작할때에 맞춰서 타입이 정해진다. function re(arg: T):T { return arg; } re('string'); re(123); re(true) 제네릭 선언 위치는 다음과 같다. function a() {} class B() {} interface C {} type D = {}; const e = () => {}; 제네릭 제약조건(Generic Constraints) 제네릭 타입을 사용해서 함수 동작시에 맞춰서 타입이 정해지지만, 원하는 타입만 입력 받고 싶다면, extends..
분류 전체보기
기본 형태 JavaScript에서 처럼 class를 생성할 때 constructor를 이용해서 생성할 때는 먼저 변수에 대한 타입을 먼저 선언해 주어야 한다. class A { num: number; str: string; constructor(num: number, str: string){ this.num = num; this.str = str; } } new A(10, 'qwe'); 하지만 constructor없이 class를 생성할 수도 있다. class A { num: number = 10; str: string = 'tmp'; } /* JavaScript class A { constructor() { this.num = 10; this.str = 'tmp'; } } */ Private, Prot..
타입 추론(Type Inference) ts는 타입을 직접 지정해 주지 않아도, 타입추론를 이용하여 자동으로 타입을 지정해 준다. 타입추론을 통해서 나온 타입이 내가 원하는 타입과 다르다면 직접 타입을 지정해 주는 것이 바람직하다. 타입은 최대한 좁은 범위로 설정해 주는 것이 좋다. 타입 단언(Type Assertion) let unk2: unknown; const unkBoo = unk2 as boolean let tmp: number = unk2 as number; let tmp2: string = unk2 let tmp3: boolean = unkBoo 타입 단언은 value as type 형태 또는 로 작성되며 작성자가 value의 타입을 무조건 type이다 라고 단언하는 것이다. 타임 단언은 컴..
타입 별칭(Type Alias), interface type name = string; const myName: name = "alice"; interface IName = string; const myNameI: IName = "cinderella"; type과 interface를 통해서 타입에 별칭을 정의할 수 있다. keyof, typeof typeof 는 객체의 데이터를 타입으로 변환 해주는 연산자이다. keyof는 객체 타입을 키 값들만 뽑아내는 연산자이다. const Direction = { Up: 3, Down: 4, Left: 5, Right: 6 } as const const Direction2= { Up: 3, Down: 4, Left: 5, Right: 6 } type dir = ty..
타입 ts는 js에서 변수, 매개변수, 함수 리턴값에 타입을 정해주면 된다. const a: number = 111; const b: string = 'hello'; const c: boolean = true; const d: undefined = undefined; const e: null = null; const f: any = 'any'; // 모든 타입 가능 const g: 10 = 10 // 타입 자리에 받고 싶은 값을 지정 할 수 있다. 다른 값이 올시 에러 const h: never; // never라는 타입은 불가능을 나타내는 타입이다. const arr: string[] = ['aaa', 'bbb']; const arr2: Array = ['aaa', 'bbb']; const arr3: ..
zeroCho님의 타입스크립트 올인원 강의를 수강하고 정리하는 시리즈입니다. TypeScript는 최종적으로 JavaScript로 변환된다. tsc라는 컴파일러가 TypeScript를 JavaScript 코드로 바꿔주는 것과 타입을 검사해 준다. tsconfig.json은 tsc가 ts코드를 js코드로 바꿀때 설정값 들을 지정할 수 있다. ts파일을 실해하는 것이 아니라 변환한 js코드를 실행하게 된다. ts를 사용하기 위해서는 typescript를 install하고 tsc --init을 이요하여 tsconfig.json을 만들어야 한다. ts --noEmit을 하면 ts파일에 타입 오류가 없는지 검사해준다 tsc를 하면 ts파일을 js파일로 변환해 준다.
언어의 온도 -이기주 이 책을 예전부터 읽어야지 읽어야지 하다가 다른 책들에 밀려 안 읽고 있었던 책인데, 우연히 읽을 책이 없던 순간에 책꽂이에 꽂혀 있던 "언어의 온도"를 발견한고, 이제 읽을 시간이 다가왔구나 느끼면 이 책을 꺼내 읽었다. 평소에도 말이 거친 나는 "욕 하지 않기", "비난하지 않기"등 많은 도전을 해왔지만 성공이라고 보기 어려운 경험이었다. 그래서 예전부터 이 책을 읽고 싶다고 느꼈다. 다언이 실언이 될 수 있다는 사실을 망각하지 말자. p. 30 나는 평소에도 말이 많은 편인데, 말을 많이 하면서도 스스로 늘 되새기고 자주 하는 말이 있다. 바로 "말은 많이 하면 실수하기 마련이다."이다. 어색한 순간을 잘 버티지 못해 말을 많이 하지만, 그러는 동안 나도 모르는 실언을 할까 봐..
미들웨어란 요청과 응답중간에서 다양한 목적을 위해 거쳐가는 함수들이다. 미들웨어는 요청과 응답을 변형할 수 있다. let app = express(); app.use(function (req, res, next) { console.log('Time:', Date.now()); next(); }); 미들웨어 함수가 적용되는 HTTP 메소드. 미들웨어 함수가 적용되는 경로(라우트). 미들웨어 함수. 미들웨어 함수에 대한 콜백 인수(일반적으로 "next"라 불림). 미들웨어 함수에 대한 HTTP 응답 인수(일반적으로 "res"라 불림). 미들웨어 함수에 대한 HTTP 요청 인수(일반적으로 "req"라 불림). 미들웨어는 req, res, next를 인자로 포함하고 있어야한다. app.use((req, res,..
node.js 만으로 서버를 구축하려면 내장모듈인 http”를 이용하여 다음과 같이 구현할수 있다. const http = require('http');//모듈을 불러온다. const server = http.createServer((req, res) => { res.writeHead(200); if (req.url === "/"){ return res.end("메인 페이지"); } res.end('hello'); }); server.listen(8000, () => { console.log('8000번 포트로 서버가 실행되었습니다.') }) 아래 코드는 위 코드를 express로 구현했을때이다 const express = require('express'); const app = express(); ap..
