ts-for-jsdev
Search…
자바스크립트 개발자를 위한 타입스크립트
들어가며
01 타입스크립트 소개
1.0 들어가며
1.1 정적 타입 분석
1.2 왜 타입스크립트인가
1.3 타입스크립트의 구성요소
1.4 타입스크립트의 역사
02 ECMAScript
2.0 ECMAScript
2.1 블록 수준 스코프
2.2 객체와 배열
2.3 함수
2.4 템플릿 리터럴
2.5 원소 순회
2.6 비동기 처리
2.7 맺으며
03 타입스크립트 기초 문법
3.0 타입스크립트 기초 문법
3.1 기본 타입
3.2 배열과 튜플
3.3 객체
3.4 타입 별칭
3.5 함수
3.6 제너릭
3.7 유니온 타입
3.8 인터섹션 타입
3.9 열거형
04 인터페이스와 클래스
4.0 들어가며
4.1 인터페이스 기초
4.2 색인 가능 타입
4.3 인터페이스 확장
4.4 클래스
4.5 클래스 확장
4.6 클래스 심화
4.7 인터페이스와 클래스의 관계
4.8 맺으며
05 타입의 호환성
5.0 들어가며
5.1 기본 타입의 호환성
5.2 객체 타입의 호환성
5.3 함수 타입의 호환성
5.4 클래스의 호환성
5.5 제너릭의 호환성
5.6 열거형의 호환성
5.7 맺으며
06 타입 시스템 심화
6.0 들어가며
6.1 타입 좁히기
6.2 타입 추론
6.3 타입 단언
6.4 집합으로서의 타입
6.5 서로소 유니온 타입
6.6 맺으며
07 고급 타입
들어가며 (7월 2일 공개)
08 모듈과 네임스페이스
들어가며 (7월 16일 공개)
09 실제 프로젝트에서 사용하기
들어가며 (7월 30일 공개)
10 유용한 라이브러리 소개
들어가며 (8월 13일 공개)
맺으며
부록 II : 자바스크립트 언어 생태계
ECMAScript 언어 표준과 TC39
TC39 프로세스
실제 예시 - Array.prototype.includes
타입스크립트와 ECMAScript
Powered By
GitBook
3.3 객체
자바스크립트에서 가장 일반적이고 널리 사용되는 자료 구조인 객체의 타입에 대해 다룬다.
객체 타입
자바스크립트의 오브젝트 리터럴을 정의하듯 중괄호(
{}
)를 이용해 객체 타입(object type)을 표현할 수 있다.
const
user
:
{
name
:
string
;
height
:
number
;
}
=
{
name
:
'안희종'
,
height
:
176
};
이 때 객체 타입 정의는 오브젝트 리터럴과 다음과 같은 차이점을 갖는다.
콜론(
:
)의 우변에는 값 대신 해당 속성의 타입이 들어간다.
구분자로 콤마(
,
) 뿐만 아니라 세미콜론(
;
)을 사용할 수 있다.
선택 속성
함수의 선택 매개변수와 비슷하게 속성명 뒤에 물음표(
?
)를 붙여 해당 속성이 존재하지 않을 수도 있음을 표현할 수 있다.
const
userWithUnknownHeight
:
{
name
:
string
;
height
?:
number
;
}
=
{
name
:
'김수한무'
};
읽기 전용 속성
속성명 앞에
readonly
키워드를 붙여 해당 속성의 재할당을 막을 수 있다.
readonly
키워드가 붙은 속성은
const
키워드를 이용한 변수의 정의와 비슷하게 동작한다.
const
user
:
{
readonly
name
:
string
;
height
:
numer
;
}
=
{
name
:
'안희종'
,
height
:
176
};
user
.
name
=
'종희안'
;
// error TS2540: Cannot assign to 'name' because it is a constant or a read-only property.
03 타입스크립트 기초 문법 - Previous
3.2 배열과 튜플
Next - 03 타입스크립트 기초 문법
3.4 타입 별칭
Last modified
4yr ago
Copy link
Outline
객체 타입
선택 속성
읽기 전용 속성