학습 공간 개념 · 판단 · 실험

Frontend Performance Lab

TypeScript

TypeScript는 무엇을 검사할까요?

TypeScript는 JavaScript를 실행하기 전에 값의 사용법을 검사합니다.

이럴 때 필요해요

숫자가 필요한 곳에 문자열을 전달하는 실수를 실행 전에 발견합니다.

어떻게 동작하나요?

JavaScript에서는 숫자와 문자열을 잘못 섞어도 실행 후에야 문제를 알아차릴 수 있습니다. TypeScript는 코드에 적힌 값과 사용법을 보고 이런 실수를 미리 알려 주는 도구입니다.

let count: number = 1에서 : number는 count를 숫자로 사용하겠다는 표기입니다. count에 문자열을 대입하면 타입 검사에서 오류를 알려 줍니다. 초기값을 보고 타입을 알아내는 추론도 가능합니다.

타입 표기는 JavaScript로 바뀔 때 사라집니다. 잘못된 코드가 무조건 실행 불가능해지거나 서버 응답이 자동 검증되는 것은 아닙니다. 처음에는 에디터의 오류가 무엇을 알려 주는지부터 확인하세요.

코드 예제

동작을 설명하는 읽기 전용 예제입니다.

example.ts
let count: number = 1;
count = count + 1;
console.log(count); // 2
// count = "둘"; // 주석을 풀면 타입 오류
typescript · 읽기 전용4줄

숫자는 다시 대입할 수 있지만 문자열 대입은 타입 검사에서 오류입니다.

자주 헷갈리는 포인트

  • TypeScript 코드의 타입 표기를 브라우저 JavaScript에 그대로 넣지 않습니다.
  • 타입 검사가 외부 입력의 실제 내용을 검증해 주지는 않습니다.

내 말로 설명해 보기

타입 오류가 없으면 서버에서 받은 데이터도 무조건 안전할까요?

생각할 단서 예제의 값을 하나 바꿔 보고, 바뀌는 부분과 그대로인 부분을 구분해 보세요.

예시 답변 확인

설명에 들어갈 핵심

  • TypeScript는 JavaScript를 실행하기 전에 값의 사용법을 검사합니다.
  • 숫자는 다시 대입할 수 있지만 문자열 대입은 타입 검사에서 오류입니다.

예시 답변

아닙니다. 타입 표기는 실행 전에 검사할 정보를 주지만 런타임의 외부 데이터까지 자동 검사하지 않습니다.

문장을 그대로 외우기보다 예제의 값과 실행 흐름을 떠올리며 설명해 보세요.

함께 읽으면 좋은 개념

공식 참고 자료

← TypeScript