[타입스크립트] interface와 type의 차이

2024. 8. 1. 13:53·웹개발/TypeScript
728x90

타입스크립트에서 변수, 상수의 타입을 정해주기 위해서 사용하는 대표적인 2가지가 있습니다.

바로,

interface,

type

입니다.

 

오늘은 이 2가지의 차이에 대해 알아보겠습니다.


1. interface

interface는 이름을 똑같이 선언했을 때 자동확장이 가능합니다. => 병합이 가능하다.

주로 객체의 타입을 설정할 때 사용됩니다.

interface Person {
  name: string;
  age: number;
}

interface Person {
  old: string;
}

let a: Person = {
  name: "박수",
  age: 24,
  old: "심",
};

interface를 한 번에 정의하지 않고

두번에 걸쳐서 정의하였지만 변수 a에는 문제가 없습니다.


2. type

type은 기존에 존재하는 타입을 이름만 바꿔서 사용이 가능합니다.

- 객체가 primitive type일 때에는 type을 사용하는게 좋습니다.

 

728x90

'웹개발 > TypeScript' 카테고리의 다른 글

[TypeScript] Interface: 타입 지정하기  (0) 2024.08.01
[TypeScript] 타입스크립트 사용을 위한 초기 세팅  (0) 2024.08.01
타입스크립트, 너 뭔데 요즘 유행하냐?  (3) 2024.07.20
윈도우에서 타입스크립트(typescript)와 Code Runner 설정하기  (4) 2024.07.20
'웹개발/TypeScript' 카테고리의 다른 글
  • [TypeScript] Interface: 타입 지정하기
  • [TypeScript] 타입스크립트 사용을 위한 초기 세팅
  • 타입스크립트, 너 뭔데 요즘 유행하냐?
  • 윈도우에서 타입스크립트(typescript)와 Code Runner 설정하기
튼튼발자
튼튼발자
프론트엔드 개발자입니다. 헬스를 가끔해서인지 몸이 튼튼한거 같습니다. 그래서 튼튼한 개발자 => 튼튼발자입니다. 프론트엔드 및 관련 개발 내용 블로그 글로 정리해서 올려둡니다.
    250x250
  • 튼튼발자
    튼튼발자
    튼튼발자
  • 전체
    오늘
    어제
    • 분류 전체보기 (192)
      • 튼튼발자의 끄적끄적 (10)
      • 웹개발 (94)
        • HTML (5)
        • CSS (2)
        • JavaScript (40)
        • TypeScript (5)
        • REACT (22)
        • Next.js (13)
        • GIt (7)
      • 기타 (3)
        • 일상 (3)
      • 프로젝트 (27)
        • Componique: UI 컴포넌트 라이브러리 (18)
        • GitHub Profile Viewer (8)
        • 잇핏 (1)
      • 프론트엔드 개발자로 취업준비 (1)
        • 기술 면접 (7)
        • 코딩 테스트 준비하기 (0)
        • 자기소개서&지원서&이력서 (0)
      • 컴퓨터과학 (12)
        • 운영체제 (6)
        • 알고리즘 (6)
      • 전공 공부 (37)
        • AI(인공지능) (2)
        • 컴퓨터네트워크 (19)
        • 네트워크프로그래밍 (3)
        • SW소프트웨어응용설계 (7)
        • 클라우드컴퓨팅 (3)
        • 웹서비스프로그래밍 (3)
      • PT (0)
      • 취준일기 (0)
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    ui컴포넌트
    트랜스포트계층
    react
    componique
    프론트엔드
    프론트엔드개발
    데이터전송
    JavaScript
    네트워크
    코딩
    NextJs
    웹개발
    github
    tailwind
    JS
    자바스크립트
    리액트
    TCP
    프로그래밍
    상태관리
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.0
튼튼발자
[타입스크립트] interface와 type의 차이
상단으로

티스토리툴바