TypeScript (2)

tsconfig.json이란?

• TypeScript 프로젝트의 설정 파일로, tsc --init 명령으로 생성됨.
• 주로 컴파일 옵션 및 입력 파일 정의에 사용

tsconfig.json 주요 옵션

• compilerOptions - target: 컴파일된 JavaScript 버전 설정
• compilerOptions - module: 컴파일된 JavaScript 모듈 형식 설정
• compilerOptions - outDir: 컴파일된 JavaScript 파일 저장 디렉터리 설정
• compilerOptions - strict: 엄격한 타입 검사 옵션을 모두 활성화
• compilerOptions - sourceMap: 컴파일된 JavaScript 파일에 소스 맵 생성 여부

include, exclude 옵션

• 컴파일 대상 파일 및 디렉터리 설정

.d.ts 파일

• TypeScript에서 JavaScript 라이브러리 사용을 위한 타입 정의 파일
• 외부 라이브러리의 타입 정보 제공

@types 라이브러리

• TypeScript는 @types 라이브러리를 통해 외부 라이브러리에 대한 타입 정보를 제공
• .d.ts 파일로 타입 추론 및 외부 라이브러리 사용 가능

변수란?

• 프로그래밍 언어에서 변수는 데이터를 저장하는 공간이다.

변수, 그리고 타입

• 변수에 저장되는 데이터는 여러 가지 타입이 있을 수 있다
  (숫자, 문자열, 논리값, 배열, 객체 등)
• 타입을 이해하고 올바르게 사용하면 코드의 가독성과 안정성이 향상된다.

잘못된 타입을 사용할 경우

• 잘못된 타입을 사용하거나 예상치 못한 타입이 사용될 경우 오류가 발생할 수 있다.
• 컴파일 타임에 발생하지 않고 실행 시간에 발생하며, 코드가 복잡해질수록 찾기 어려워진다.

올바르게 타입을 사용한 경우

• 타입을 제대로 이해하면 오류를 미리 방지할 수 있다.

타입 안정성 그리고 코드 품질

• 타입 안정성은 코드가 예상한 타입대로 동작함을 보장하는 것이다.
• 높은 타입 안정성은 코드 품질을 향상시키고 실행 시간에 발생할 수 있는 오류를 줄일 수 있다.

원활한 협업하기

• 타입을 명확하게 명시하고 사용하면 코드의 가독성이 높아진다.
• 명확한 타입 사용은 다른 개발자들이 코드를 이해하기 쉽게 하고 유지보수를 용이하게 한다.

boolean

• 'boolean' 타입은 참(true) 또는 거짓(false) 값을 나타낸다.
• 주로 조건문, 비교 연산 등에서 사용된다.

number

• 'number' 타입은 TypeScript에서 사용하는 모든 숫자를 나타낸다.
• 정수, 실수, 2진수, 8진수, 16진수 등을 표현할 수 있다.

string

• 'string' 타입은 텍스트 데이터를 나타낸다.
• 작은 따옴표('), 큰 따옴표("), 백틱(`)를 사용하여 열을 표현할 수 있다.
• 템플릿 리터럴을 활용하면 표현식과 문자열을 편리하게 사용할 수 있다.

배열

• '배열'은 '기본타입에 []가 붙은 형태'의 타입으로 여러 원소를 포함할 수 있다.

튜플

• '튜플'은 서로 다른 타입의 원소를 순서에 맞게 가질 수 있는 배열의 특수한 형태이다.

enum

• 'enum'은 열거형 데이터 타입으로, 여러 상수 값을 문자열 이름으로 접근하고 사용할 수 있게 한다.
• 값이 설정되지 않으면 0부터 시작하며, 숫자나 문자열 값을 할당할 수 있다.

let

• 'let' 키워드를 사용하여 선언하면 변수가 되며, 값 변경이 가능하다.

const

• 'const' 키워드를 사용하여 선언하면 상수가 되어 값을 변경할 수 없다.
• 배열과 객체의 경우에는 속성이나 요소를 추가/삭제할 수 있지만, 재할당은 불가능하다.

readonly

• 'readonly'는 TypeScript에서 객체의 속성을 불변으로 만드는 데 사용된다.
• 클래스의 속성이나 인터페이스의 속성을 변경할 수 없게 한다.

const vs readonly

• 'const'는 변수에 적용되어 값의 재할당을 막는다.
• 'readonly'는 객체의 속성에 적용되어 해당 속성의 변경을 막는다.

any 타입

• 'any' 타입은 모든 타입의 슈퍼 타입으로, 모든 종류의 값을 저장할 수 있다.
• TypeScript를 사용하는 이유 중 하나인 타입 안정성을 저해할 수 있으므로 가급적 사용을 피해야 한다.

unknown 타입

• 'unknown' 타입은 'any'와 비슷하지만, 더 안전한 방식으로 동작한다.
• 값을 다른 타입의 변수에 할당하려면 명시적으로 타입을 확인해야 한다.

union 타입

• 'union'은 여러 타입 중 하나를 가질 수 있는 변수를 선언할 때 사용된다.
• '|' 연산자를 사용하여 여러 타입을 결합하여 표현한다.
• 타입 단언이나 타입 체크를 통해 안전하게 사용할 수 있다.

오늘의 한줄평 : 새로우면서도 쉬운거같..기도 하고 아닌거같기도...?