전체 글 43

타입스크립트 "인터페이스"

인터페이스는 객체의 세부 타입을 정해주는 예약어이다.interface Person { name: string; age: number;} 인터페이스는 자바스크립트의 클래스 상속처럼 "상속"을 할 수 있다.주의할 점은 부모가 정한 타입은 바꾸지 못한다는 점이다.interface Hero { name: string; skill: string;}interface IronMan extends Hero { HP: number; // skill: number; (이렇게 쓰면 안돼요!)} 인터페이스는 "인덱스 시그니처"라는 것도 있다.지금까지는 프로퍼티 이름: 타입; 이런 식으로 프로퍼티를 지정했다면,인덱스 시그니처는 인덱스의 타입에 따라 지정해주는 방식이다.인덱스 타입이란, 예를 들어 배열은 a[3], b..

typescript 2025.08.12

타입스크립트의 "타입 지정하기"

타입스크립트에는 총 10가지 타입이 있다.-- 필수 타입 --1. string2. boolean3. number-- 널 타입 --4. null (개발자가 일부러 비울 때 씀)5. undefined (정의되지 않았을 때 씀)-- 객체 타입 --6. object7. Array8. tuple (길이와 각각의 타입이 정해진 Array)9. function-- 그외 --10. any (모든타입 다가능) 선언 방식은 아래와 같다.const 문자열: string = '안녕';const 불리언: boolean = true;const 숫자: number = 3;const 비어있음: null = null;const 정의되지않음: undefined;const 객체: object = { name: '나빈', age: 22 }..

typescript 2025.08.11

npm에서 타입스크립트를 설치해야하는 이유

브라우저는 타입스크립트를 해석할 수 없다.그래서 타입스크립트를 브라우저가 이해하는 자바스크립트로 바꾸는 트랜스파일 과정이 필요하다. 컴파일을 하려면 우선npm init을 입력하여 npm 설정파일(ex. package.json)을 만들고,npm i typescript명령어를 입력해서 타입스크립트를 설치해야한다.그리고node ./node_modules/typescript/bin/tsc "실행하고자하는 파일 이름"을 명령하면 컴파일 된다.여기서 tsc는 타입스크립트 컴파일러이다.

typescript 2025.08.10