eokeuroding 님의 블로그

전 글에서는 타입 계층도와 기본 타입에 대해 작성하였습니다. 이번에는 객체 타입간의 호환성에대해 알아보겠습니다.일단 객체 타입간의 호환성도 기본 타입과 동일한 기준으로 판단합니다. 모든 객체 타입은 각각 다른 객체 타입들과 슈퍼-서브타입관계를 갖습니다. 따라서 업 캐스팅은 허용하고 다운 캐스팅은 허용하지 않습니다.첫번째 예시type Animal = { name: string; color: string;};type Dog = { name: string; color: string; breed: string;};let animal: Animal = { name: "기린", color: "yellow",};let dog: Dog = { name: "돌돌이", color: "brown", bre..

타입스크립트의 "타입"은 사실 여러개의 값을 포함하는 "집합"입니다.아래의 이미지와 같이 여러개의 숫자 값들을 묶어 놓은 집합을 number 타입이라고 합니다.오직 하나의 Number Literal 타입은 딱 하나의 값만 포함하는 아주 작은 집합입니다.그리고 이 20 이라는 요소도 결국 Number 타입이라는 거대한 집합에 속하는 값입니다.그러므로 Number Literal 타입은 Number 타입이라는 거대한 집합에 포함되는 부분 집합으로 볼수있습니다.크게보면 타입 스크립트가 제공하는 여러가지 기본 타입들간의 집합으로써의 부모-자식관계입니다.타입호환성각 타입의 관계를 인지하면 호환성에 대해 이해할수있습니다.타입 호환성이란 a와 b 두개의 타입이 존재할때 a타입의 값을 b타입으로 취급해도 괜찮은지 판단하..

1. 컴파일이란타입스크립트 동작원리를 배우기전에 컴파일에 대해 먼저 알아보겠습니다.컴파일이란 컴퓨터가 작성한 코드를 실행하기 위해 이 코드를 자기가 해석하기 쉬운 형태로 변환하는 과정을 말합니다.그래서 우리가 프로그래밍 언어로 작성한 코드를 컴파일 하면 코드가 컴퓨터가 이해할수 있는 기계어같은 형태로 변환되어 컴퓨터가 이걸 읽어서 실행하고 결과적으로 코드가 실행됩니다.이렇게 코드를 컴파일하는 것을 컴파일러라고 부릅니다. 자바나 자바스크립트 같은 언어를 컴파일하면 바이트 코드라는 형식으로 변환됩니다.  2. 컴파일러 과정컴파일러는 작성한 코드를 바로 바이트 코드로 변환하는게 아니라 그전에 AST(추상 문법 트리)라는 특별한 형태로 먼저 변환합니다그림처럼 코드의 공백이나 주석 탭 등의 코드 실행에 관계없는 ..

1. tsconfig.json 이란?TypeScript 프로젝트의 설정 파일로, 컴파일러 가 코드를 어떻게 처리할지 정의합니다.위치: 보통 프로젝트 루트에 tsconfig.json 파일을 생성역할: 컴파일로 옵션 지정, 포함할 파일/제외할 파일 설정 등등2. 주요 옵션들01.기본 동작 관련옵션설명target어떤 JS 버전으로 컴파일 할지 (ES5, ES6, ES2017, ESNext등)module모듈 시스템 지정(common.js, esnext, amd 등)lib프로젝트에서 사용할 js 내장 객체 라이브러리(Dom, ES2020 등)allowJsJS 파일도 함께 컴파일할지 여부checkJSJS 파일도 타입 검사할지 여부outDir컴파일된 JS파일이 저장된 디렉토리rootDir원본 typescript파일의..