240624 TIL

TIL (Today I Learned)

오늘은 자바스크립트와 타입스크립트에 대해 공부했습니다. 주요 내용을 정리하면 다음과 같습니다.

자바스크립트의 단점

자바스크립트는 유연하고 다재다능하지만 몇 가지 단점이 있습니다. 예를 들어, 동적 타입 언어이기 때문에 타입 관련 오류를 런타임에서야 발견할 수 있습니다. 또한, 코드가 복잡해질수록 유지보수와 디버깅이 어려워질 수 있습니다. 이로 인해 대규모 프로젝트에서는 신뢰성과 안전성이 떨어질 수 있습니다.

타입스크립트 설정

타입스크립트를 사용하려면 설정이 필요합니다. tsconfig.json 파일을 프로젝트 루트에 생성하여 타입스크립트 컴파일러의 동작 방식을 정의합니다. 이 파일에서 컴파일러 옵션, 파일 포함/제외 규칙 등을 설정할 수 있습니다.

타입스크립트에 타입

타입스크립트는 정적 타입을 지원하여 코드의 안정성을 높입니다. 변수, 함수의 매개변수, 반환 값 등에 타입을 지정할 수 있습니다. 이를 통해 코드 작성 시점에서 타입 관련 오류를 사전에 방지할 수 있습니다.

타입스크립트 변수 예제

타입스크립트에서 변수를 선언할 때는 타입을 명시할 수 있습니다. 예를 들어:

let name: string = "John";
let age: number = 25;
let isStudent: boolean = true;

이렇게 변수에 타입을 명시하면, 해당 변수에 다른 타입의 값을 할당하려 할 때 컴파일 오류가 발생합니다.

타입스크립트 함수 예제

타입스크립트에서는 함수의 매개변수와 반환 값에 타입을 지정할 수 있습니다. 예를 들어:

function greet(name: string): string {
    return `Hello, ${name}!`;
}

위 예제에서 name 매개변수는 문자열 타입이며, 함수의 반환 값도 문자열 타입입니다. 이를 통해 함수의 타입 안전성을 보장할 수 있습니다.

타입스크립트 컴파일하는 방법

타입스크립트 코드를 자바스크립트로 컴파일하려면, tsc 명령어를 사용합니다. 예를 들어, main.ts 파일을 컴파일하려면 터미널에서 다음 명령어를 입력합니다:

tsc main.ts

이 명령어를 실행하면 동일한 이름의 main.js 파일이 생성됩니다.

tsconfig란?

tsconfig.json 파일은 타입스크립트 컴파일러 옵션을 설정하는 데 사용됩니다. 이 파일을 통해 컴파일러가 어떤 파일을 포함하거나 제외할지, 어떤 ECMAScript 버전으로 트랜스파일할지 등을 설정할 수 있습니다. 예를 들어:

{
  "compilerOptions": {
    "target": "ES6",
    "module": "commonjs",
    "strict": true
  },
  "include": ["src/**/*"],
  "exclude": ["node_modules"]
}

이 설정은 타입스크립트가 ES6 표준을 목표로 컴파일하고, src 디렉터리의 모든 파일을 포함하며, node_modules 디렉터리를 제외하도록 합니다.