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

Frontend Performance Lab

TypeScript

처음 접하는 개념부터 원리와 설계 적용까지, 필요한 단계부터 시작하세요.

개념 노트 8개 · 직접 실습 0개

시작 전 JavaScript의 값·함수·객체와 모듈 문법을 먼저 익혀 주세요.

처음부터 시작 →

순서는 권장 경로입니다. 이미 아는 내용은 건너뛰어도 됩니다. 기본 타입·함수·객체·유니온을 읽을 수 있으면 React 코드에 타입을 점진적으로 붙여도 좋습니다.

01

시작하기

실행 전 검사와 실행 중 검증의 차이를 처음부터 구분합니다.

02

기초 익히기

함수와 객체에 타입을 적고 조건으로 타입을 좁힙니다.

03

원리 이해하기

모델링·제네릭·클래스·설정의 계약과 한계를 확장합니다.

04

설계에 적용하기

외부 응답과 화면 상태를 안전하게 다루는 기준을 정합니다.

상황 판단

직접 해볼 과제

로딩 중·성공·실패 중 하나를 표현하는 요청 상태 타입을 작성하고, 각 경우 표시할 내용을 설명해 보세요.

확인할 기준

  • 성공하지 않은 상태에서 성공 데이터에 접근할 수 없게 했는가
  • 서버 JSON을 타입 단언만으로 신뢰하지 않는가
  • 타입 검사와 런타임 검사의 역할을 설명할 수 있는가

과제는 직접 작성·확인하는 연습입니다. 자동 채점이나 완료 기록은 제공하지 않습니다.