김기지의 코딩노트

☁️ 타입 별칭(Type Alias) 타입 정의를 마치 변수처럼 하게 해주는 문법 여러 프로퍼티가 들어있는 객체를 여러번 선언하는 경우 타입을 모두 선언해주는건 매우 번거롭다. 이때 타입 별칭을 이용해 변수를 선언하듯 타입을 별도로 정의해서 사용할 수 있다. type User = { id: number; name: string; nickname: string; birth: string; bio: string; location: string; }; let user1: User = { id:1, name: "김기지", nickname: "kiji", birth: "1996.07.10", bio: "hello", location: "수원" }; let user2: User = { id:2, name: "기지"..

🌈 객체 타입을 정의하는 방법 1. object로 정의하기 객체를 의미하는 object로 타입을 정의한다. let user: object = { id: 1, name: "김기지" }; 그런데 여기서 user의 id를 꺼내면 문제가 발생한다. 이는 타입스크립트의 object 타입은 단순 값이 객체임을 표현하는 것 외에는 아무런 정보도 제공하지 않기 때문이다. 따라서 이 타입은 객체의 프로퍼티에 대한 정보를 전혀 가지고 있지 않기 때문에 프로퍼티에 접근할 수 없다. 그렇다면 변수에 저장된 객체의 구조를 그대로 타입으로 만들려면 어떻게 해야할까? 객체 리터럴 타입을 이용한다. 2. 객체 리터럴 타입 중괄호를 열고 객체가 갖는 프로퍼티를 직접 나열해 만드는 타입 let user: { id: number, nam..

타입스크립트에서 배열 타입과 튜플 타입을 시용해보자!! 🍉 배열 타입 정의하기 배열을 저장하는 변수의 이름 뒤에 배열요소타입[ ] 형식 또는 Array 형식으로 배열 타입을 정의한다. (꺽쇠와 함께 타입을 작성하는 문법을 타입스크립트에서 '제네릭' 이라고 부른다.) 배열 요소의 타입이 string이거나 number일 것을 의미 이처럼 바(|)를 이용해 여러 타입 중 하나를 만족하는 타입을 정의하는 문법을 유니온(Union) 타입이라고 부른다. 🐾 다차원 배열 타입 정의하기 [ ]를 연달아 작성해 다차원 배열 타입을 정의한다. let doubleArr : number[][] = [ [1, 2, 3], [4, 5], ]; let doubleStr:string[][]= [ ['hello', 'welcome']..

타입스크립트의 기본 타입 (Basic Types) 타입스크립트가 자체적으로 제공하는 타입들 또는 내장 타입이라고도 할 수 있다. 타입스크립트가 제공하는 기본 타입들을 계층에 따라 분류한 '타입 계층도'를 살펴보자. null, undefined, number 등 흔히 알고 있는 타입 뿐만 아니라 any, void, never 같은 처음 보는 타입들도 존재한다. 이렇게 꽤 많은 기본 타입들이 제공되며 이런 각각의 기본 타입들은 서로 부모-자식 관계를 이루며 계층을 형셩한다. 🐾 실습 환경 설정하기 이전 시간에 설정한 옵션과 동일하게 설정한 후 타입스크립트 파일을 만들어 컴파일한다. // tsconfig.json { "compilerOptions": { "target": "ESNext", "module": "..

🌵@types/node 설치하기 @types/node 패키지란? Node.js 내장 기능들의 타입 정보를 담고 있는 패키지 > npm i @types/node 📌 @types/node 패키지를 설치해야 하는 이유? 더보기 @types/node 라이브러리는 Node.js가 제공하는 기본 기능(내장 함수, 클래스 등)에 대한 타입 정보를 가지고 있다. 때문에 설치하지 않으면 Node.js가 제공하는 console 등의 기본 기능들의 타입이 선언되지 않는다. 타입스크립트 코드를 실행하기 전에 타입 검사 과정을 거치는데, 이 과정에서 타입이 선언되지 않은 코드는 타입이 올바르게 사용되지 않았다고 판단되어 오류가 발생한다. 따라서 Node.js의 기본 기능들을 위한 타입을 별도로 선언하기 위해 @types/nod..