2026.03.03

[TypeScript 기초] 타입스크립트란 무엇인가?

TypeScript의 개념과 JavaScript와의 차이점, 그리고 타입 시스템이 왜 필요한지 정리합니다.

js차이
react개발
typescript
개발기초
정적타입
타입스크립트
프론트엔드개발
[TypeScript 기초] 타입스크립트란 무엇인가?

타입스크립트란 무엇인가?

TypeScript는 JavaScript에 타입(Type) 시스템을 추가한 언어입니다.

JavaScript는 자유도가 높은 언어이지만,
그만큼 실수도 발생하기 쉽습니다.

TypeScript는 코드 작성 단계에서
오류를 미리 잡을 수 있도록 도와줍니다.


주요 포인트 Top3

# JavaScript 기반 언어

JS 위에 타입 기능을 추가한 확장 언어입니다.

# 정적 타입 시스템

코드 실행 전에 오류를 발견할 수 있습니다.

# 대규모 프로젝트에 적합

협업과 유지보수에 강점이 있습니다.


01. JavaScript의 문제점

JavaScript는 타입을 엄격하게 검사하지 않습니다.

예:

javascript
let num = 10;
num = "문자열";

이 코드도 오류 없이 실행됩니다.

작은 프로젝트에서는 괜찮지만,
규모가 커지면 예상치 못한 버그가 발생할 수 있습니다.


02. TypeScript의 해결 방식

TypeScript에서는 변수에 타입을 지정할 수 있습니다.

typescript
let num: number = 10;
num = "문자열"; // 오류 발생

이처럼 실행 전에 오류를 알려주기 때문에
코드 안정성이 높아집니다.


03. 타입(Type)이란?

타입은 데이터의 종류를 의미합니다.

대표적인 타입:

  • string (문자열)
  • number (숫자)
  • boolean (참/거짓)
  • array (배열)
  • object (객체)

TypeScript에서는 함수의 매개변수와 반환값에도 타입을 지정할 수 있습니다.

typescript
function add(a: number, b: number): number {
  return a + b;
}

04. 왜 실무에서 많이 사용할까?

TypeScript는 다음과 같은 장점이 있습니다.

  • 코드 가독성 향상
  • 자동완성 기능 강화
  • 유지보수 용이
  • 협업 시 실수 감소

특히 React, Next.js 같은 최신 프레임워크에서는
TypeScript 사용이 표준처럼 자리 잡고 있습니다.




GOYO.’s Tip

처음부터 모든 타입을 완벽히 이해하려 하지 마세요.
기본 타입부터 천천히 적용하면서
“왜 오류가 줄어드는지”를 경험하는 것이 중요합니다.

TypeScript는 문법을 암기하는 것이 아니라
안전한 코드 습관을 만드는 도구입니다.



마무리

이번 글에서는 TypeScript의 기본 개념과 필요성을 정리했습니다.
규모가 커질수록 타입의 중요성은 더욱 커집니다.