학습 공간 개념 · 판단 · 실험
Frontend Performance LabTypeScript
처음 접하는 개념부터 원리와 설계 적용까지, 필요한 단계부터 시작하세요.
개념 노트 8개 · 직접 실습 0개
시작 전 JavaScript의 값·함수·객체와 모듈 문법을 먼저 익혀 주세요.
처음부터 시작 →순서는 권장 경로입니다. 이미 아는 내용은 건너뛰어도 됩니다. 기본 타입·함수·객체·유니온을 읽을 수 있으면 React 코드에 타입을 점진적으로 붙여도 좋습니다.
01
시작하기
실행 전 검사와 실행 중 검증의 차이를 처음부터 구분합니다.
02
기초 익히기
함수와 객체에 타입을 적고 조건으로 타입을 좁힙니다.
03
원리 이해하기
모델링·제네릭·클래스·설정의 계약과 한계를 확장합니다.
정적 타입으로 값의 관계 모델링하기 →
관련 면접 질문 6개제네릭, 좁히기와 불가능한 상태 →
관련 면접 질문 4개클래스 접근성, static과 런타임 경계 →
관련 면접 질문 3개프로젝트 설정과 모듈 경계 →
관련 면접 질문 3개04
설계에 적용하기
외부 응답과 화면 상태를 안전하게 다루는 기준을 정합니다.
상황 판단
직접 해볼 과제
로딩 중·성공·실패 중 하나를 표현하는 요청 상태 타입을 작성하고, 각 경우 표시할 내용을 설명해 보세요.
확인할 기준
- 성공하지 않은 상태에서 성공 데이터에 접근할 수 없게 했는가
- 서버 JSON을 타입 단언만으로 신뢰하지 않는가
- 타입 검사와 런타임 검사의 역할을 설명할 수 있는가
과제는 직접 작성·확인하는 연습입니다. 자동 채점이나 완료 기록은 제공하지 않습니다.