타입스크립트

· 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..
· TypeScript
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..
· TypeScript
1. 기본타입이란? 기본타입이란 타입스크립트가 자체적으로 제공하는 타입으로 자바스크립트에서 기본적으로 제공하는 null, numver, string, undefined와 같은 타입도 존재하며, 타입스크립트에서 추가적으로 제공하는 타입인 any, void, unknown과 같이 타입스크립트에만 존재하는 타입들을 말한다. 위 사진과 같은 트리를 타입 트리라고 부르는데, 각각의 타입들은 트리구조로서 부모와 자식의 관계를 가진다.  2. 원시타입과 리터럴 타입원시타입이란 영어로 Primitive Type으로 동시에 1개의 값만 저장할 수 있는 타입을 말한다.예를 들어 원시타입이 아닌, 배열과 객체는 여러 값을 가질 수 있다.numver, string, boolean, null, undefined와 같은 타입들은..
· TypeScript
0. 타입스크립트 컴파일러 옵션이란?컴파일러 옵션으로 "얼마나 엄격하게 타입 오류를 검사할지", "자바스크립트 코드의 버전은 어떻게 할지" 등 다양하고 자유롭게 컴파일러 옵션을 설정할 수 있다. 타입스크립트 컴파일러 옵션  프로젝트에 맞게 컴파일러 옵션을 설정도 가능하다!컴파일러 설정 파일 만들기tsc --init  1. includeinclude옵션은 어느 범위를 컴파일 할 것인지를 정하는 옵션이다.src파일 하위에 있는 모든 코드를 컴파일 하고 싶으면, 아래와 같이 작성할 수 있다.{ "include": ["src"], //컴파일 할 typescipt 파일들의 범위와 위치를 알려주는 옵션}    2. compilerOptions{ "include": ["src"], //컴파일 할 typesci..
· TypeScript
1. 대다수의 프로그래밍 언어는 어떻게 동작할까?  대부분의 프로그래밍 언어는 사람에게 더 친숙하다. 컴퓨터는 이진수, 바이트 코드 등을 사용하기 때문에 영어의 문법과 같은 언어를 컴퓨터는 바로 이해하기는 어렵다.  그렇기에 컴퓨터가 이해하기 쉬운 형태로 프로그래밍언어를 기계어로 변환한다.이를 컴파일(Compile)이라고 한다.   코드를 기계어로 컴파일하는 친구를 컴파일러라고 한다.  2. JavaScript 컴파일 과정 Javascript를 컴파일하게 되면 바이트 코드로 컴파일된다.Javasciprt는 바이트 코드로 컴파일되기 전에 AST(추상 문법 트리)로 먼저 변환되게 되는데, AST란 무엇일까? 위 그림과 같이, 주석, 공백, 탭과 같은 관계없는 코드들은 모두 제거하고,트리형태의 자료구조에 코드..
· TypeScript
1. 타입스크립트타입스크립트는 오픈소스로 공개되어 있다.타입스크립트는 "더는 피할 수 없는 대세가 되어버린 타입스크립트"일 정도로 굉장히 인기가 많다. 1. 타입스크립트란?  타입스크립트는 자바스크립트의 확장판이라고 할 수 있으며, 자바스크립트를 더 안전하게 사용할 수 있도록 "타입 관련 기능들을 추가한" 언어이다. Q. 타입스크립트는 왜 배워야 하는 것일까? A. 아이러니하게도 자바스크립트가 인기가 많기 때문이다.js는 처음에 웹페이지에서 간단한 버튼을 눌렀을 때와 같이 사용자와 상호작용하는 기능을 담당하는 언어로써, 유연한 문법과 자유로움이라는 장점이 존재했다. (버그 발생 가능성 높음)하지만, nodeJS의 등장으로 웹에서만 작동하는 것이 아닌 다양한 곳에서 활용되기 시작하면서, 더 엄격한 JS가 ..
yes_dohyun
'타입스크립트' 태그의 글 목록