타입 별칭(Type Alias)타입 별칭을 이용하면 다음과 같이 변수를 선언하듯 타입을 별도로 정의할 수 있습니다// 타입 별칭type User = { id: number; name: string; nickname: string; birth: string; bio: string; location: string;};... type 타입_이름 = 타입 형태로 타입을 정의합니다. 위 코드는 타입 이름으로는 User 그리고 타입으로는 여러개의 프로퍼티가 있는 객체 타입을 정의했습니다. 이렇게 만든 타입 별칭은 다음과 같이 변수의 타입을 정의할 때 타입 주석과 함께 이용할 수 있습니다.type User = { id: number; name: string; nickname: string; bir..
TypeScript
1. 객체 타입을 정의하는 방법타입스크립트에서는 2가지 방식으로 객체의 타입을 정의할 수 있습니다.object로 정의하기객체 타입을 정의하기에 앞서 먼저 간단한 객체를 하나 만듭니다.let user = { id: 1, name: "이정환",}; 다음으로 user의 타입을 객체를 의미하는 object로 정의합니다.let user: object = { id: 1, name: "이정환",}; 타입이 잘 정의되었습니다. 그런데 이렇게 타입을 정의하면 한가지 문제가 발생합니다.let user: object = { id: 1, name: "이정환",};user.id;위 코드의 user.id 처럼 점 표기법으로 객체의 특정 프로퍼티에 접근하려고 하면 오류가 발생합니다.오류 메세지를 확인해보면 다음과 같이 ..
배열배열 타입 정의 방법타입스크립트에서는 다음과 같이 배열 타입을 정의합니다.let numArr: number[] = [1, 2, 3]배열을 저장하는 변수의 이름 뒤에 타입 주석의 시작을 의미하는 콜론(:)을 작성한 다음 배열요소타입[] 형식으로 배열 타입을 정의합니다.만약 문자열을 담는 배열의 타입을 정의한다면 다음과 같이 하면 됩니다.let strArr: string[] = ["hello", "im", "winterlood"];배열 요소의 타입이 string이므로 이번에는 string[] 으로 문자열 배열 타입을 정의 했습니다.또는 다음과 같은 형식으로도 배열의 타입을 정의할 수 있습니다.let boolArr: Array = [true, false, true];Array 형태로도 배열의 타입을 정의할..
컴파일러 옵션이란타입스크립트의 컴파일은 작성한 코드에 타입 오류가 없는지 검사하고 오류가 없다면 자바스크립트 코드로 변환합니다.이러한 컴파일 과정에서 아주 세부적인 사항들 예를 들어 얼마나 엄격하게 타입 오류를 검사할 건지 또는 컴파일 결과 생성되는 자바스크립트 코드의 버전은 어떻게 할 것인지 등의 컴파일의 아주 세부적인 사항들을 컴파일러 옵션이라고 합니다.타입스크립트는 다른 언어에 비해서 컴파일러 옵션을 아주 자유롭고 쉽게 설정할 수 있는데요 이렇게 자유로운 환경 설정을 제공하는 덕분에 우리가 진행하는 프로젝트의 성격에 따라 프로젝트에 최적화된 맞춤 설정을 만들어 사용할 수 있습니다.컴파일러 옵션 자동 생성하기타입스크립트의 컴파일러 옵션은 패키지 루트 폴더 아래에 tsconfig.json이라는 파일에 ..
타입스크립트 Hello World1. Node.js 패키지 초기화터미널을 열고 다음 명령어를 입력해 Node.js 패키지를 초기화 합니다.npm init 패키지 정보는 모두 디폴트(기본)로 설정합니다. 2. @types/node 설치하기Node.js 내장 기능들의 타입 정보를 담고있는 @types/node 라는 패키지를 설치해 주어야 합니다.npm i @types/node @types/node 라이브러리는 Node.js가 제공하는 기본 기능(내장 함수, 클래스 등)에 대한 타입 정보를 가지고 있습니다. 만약 이 라이브러리를 설치하지 않으면 Node.js가 제공하는 console 등의 기본 기능(내장 함수 등)들의 타입이 선언되지 않아서 타입스크립트의 컴파일 과정에서 타입 검사가 실패하여 오류가 발생할 수..
