Typescript

1. enum타입 enum 타입이란? 열거형 타입이라고도 불리고, 여러 가지 값들에 각각 이름을 부여해 열거해 두고 사용하는 타입을 말한다.javascript에는 존재하지 않고, typescript에서만 제공하는 특별한 타입이다. const user1 = { name: '김도현', role: 0, // 0  이런식으로 숫자로 권한을 부여하는 경우들이 존재하는데, 개발을 쭉 진행하다 보면, 2번이 관리자인가? 와 같이 헷갈리는 경우들이 존재하게 된다. 이럴 때 enum 타입을 사용하면 좋다.enum Role { ADMIN = 0, USER = 1, GUEST = 2,}const user1 = { name: '김도현', role: Role.ADMIN, // Role.ADMIN -> 0};cons..

1. 타입 별칭(type alias)let user: { id: number; name: string; nickname: string; birth: string; bio: string; location: string;} = { id: 1, name: '김도현', nickname: 'no_dohyun', birth: '2000.10.30', bio: '안녕하세요', location: '부천시',};let user2: { id: number; name: string; nickname: string; birth: string; bio: string; location: string; } = { id: 1, name: '김도현', nickna..

1. 배열// 배열let numArr: number[] = [1, 2, 3];let strArr: string[] = ['hello', 'im', 'dohyun'];let boolArr: Array = [true, false, true]; 배열을 선언하기 위해서는 : 다음에 배열 안 원소의 타입을 적어주고 []을 붙여주면 된다.이러한 방식말고, : 다음 Array을 적어주는 Generic문법으로 작성하는 방법도 존재한다. 그렇다면 배열에 들어가는 요소들의 타입이 다양한 경우에는 어떻게 선언해야 할까?//배열에 들어가는 요소들의 타입이 다양한 경우let multiArr: (number | string)[] = [1, 'hello']; union타입으로 선언할 수 있다. [1, 'hello']와 같이 str..

1. 기본타입이란? 기본타입이란 타입스크립트가 자체적으로 제공하는 타입으로 자바스크립트에서 기본적으로 제공하는 null, numver, string, undefined와 같은 타입도 존재하며, 타입스크립트에서 추가적으로 제공하는 타입인 any, void, unknown과 같이 타입스크립트에만 존재하는 타입들을 말한다. 위 사진과 같은 트리를 타입 트리라고 부르는데, 각각의 타입들은 트리구조로서 부모와 자식의 관계를 가진다.  2. 원시타입과 리터럴 타입원시타입이란 영어로 Primitive Type으로 동시에 1개의 값만 저장할 수 있는 타입을 말한다.예를 들어 원시타입이 아닌, 배열과 객체는 여러 값을 가질 수 있다.numver, string, boolean, null, undefined와 같은 타입들은..

0. 타입스크립트 컴파일러 옵션이란?컴파일러 옵션으로 "얼마나 엄격하게 타입 오류를 검사할지", "자바스크립트 코드의 버전은 어떻게 할지" 등 다양하고 자유롭게 컴파일러 옵션을 설정할 수 있다. 타입스크립트 컴파일러 옵션  프로젝트에 맞게 컴파일러 옵션을 설정도 가능하다!컴파일러 설정 파일 만들기tsc --init  1. includeinclude옵션은 어느 범위를 컴파일 할 것인지를 정하는 옵션이다.src파일 하위에 있는 모든 코드를 컴파일 하고 싶으면, 아래와 같이 작성할 수 있다.{ "include": ["src"], //컴파일 할 typescipt 파일들의 범위와 위치를 알려주는 옵션}    2. compilerOptions{ "include": ["src"], //컴파일 할 typesci..

1. npm initnpm init 새 폴더를 만든 후 폴더 안에서 npm init을 한 이후 모든 옵션들을 기본적으로 enter로 넘어가게 되면 package.json이 생성되게 된다.    2. types/node 설치  npm i @types/node types/node는  typescript에서 사용할 타입들이 정의되어있는 라이브러리를 설치한다고 생각하면 된다. 다운로드한 후 node_modules에 들어가면, TypeScript로  console.log에서의 console과 같은 각 다양한 타입에 대해 미리정의되어 있는 것을 확인할 수 있다.  3. TypeScript 컴파일러 설치 TypeScirpt를 컴파일하게 되면 JavaScript로 파일이 변환되어 생성되게 된다.그렇기 때문에 TypeS..

1. 타입스크립트타입스크립트는 오픈소스로 공개되어 있다.타입스크립트는 "더는 피할 수 없는 대세가 되어버린 타입스크립트"일 정도로 굉장히 인기가 많다. 1. 타입스크립트란?  타입스크립트는 자바스크립트의 확장판이라고 할 수 있으며, 자바스크립트를 더 안전하게 사용할 수 있도록 "타입 관련 기능들을 추가한" 언어이다. Q. 타입스크립트는 왜 배워야 하는 것일까? A. 아이러니하게도 자바스크립트가 인기가 많기 때문이다.js는 처음에 웹페이지에서 간단한 버튼을 눌렀을 때와 같이 사용자와 상호작용하는 기능을 담당하는 언어로써, 유연한 문법과 자유로움이라는 장점이 존재했다. (버그 발생 가능성 높음)하지만, nodeJS의 등장으로 웹에서만 작동하는 것이 아닌 다양한 곳에서 활용되기 시작하면서, 더 엄격한 JS가 ..