TypeScript

TypeScript 설치 및 컴파일 설정 전역 설치 컴파일 명령어 tsconfig.json 설정 tsconfig.json 파일 생성 프로젝트 루트에 tsconfig.json 파일을 생성하고 TypeScript 컴파일 옵션을 설정합니다. 기본 설정 주요 옵션

Type Aliases (타입 별칭) 기본 개념 긴 타입 정의를 변수처럼 저장하여 재사용하는 기능 기본 사용법 Object 타입 저장 readonly 속성 선택적 속성 (Optional Properties) 중요: color?는 color: string | undefined와 동일 Type Aliases 확장 Union으로 합치기 Inte...

함수 타입 정의 함수 타입 별칭 생성 Arrow Function 기본 문법 Arrow Function 특징: this 값이 일반 함수와 다름 중괄호와 return 생략 가능 (단일 표현식일 때) 매개변수 1개일 때 괄호 생략 가능 함수 타입 적용 방법 주의: function 키워드에는 직접 타입 지정 불가 Object 내 함수 타입 지정 Obj...

TypeScript Class와 Interface 완전 가이드 Class 기본 개념 Class란? 객체(Object)를 생성하는 템플릿 또는 복사기계 JavaScript vs TypeScript Class TypeScript 특징: 속성을 미리 선언해야 함 Class 필드값 타입 지정 기본 필드값 선언 필드값 타입 지정 방법 Construct...

1. && 연산자를 활용한 null/undefined 처리 && 연산자의 특별한 기능 falsy 값: null, undefined, NaN, false 등 동작 원리: 첫 번째 falsy 값을 반환하거나, 모두 truthy면 마지막 값 반환 실무 활용법 2. in 연산자로 Object Narrowing 서로 다른 속성을 가진 객체들을 구분할 때 사용...

클래스 속성을 어디서든 접근하고 수정 가능하게 만듦기본값이므로 생략해도 동일하게 작동클래스 내부에서만 접근하고 수정 가능자식 객체에서도 접근 불가능외부에서 private 속성을 수정하려면 클래스 내부에 함수를 만들어 간접 접근활용법: 중요한 데이터를 실수로 수정하는 것

a.ts (내보내는 파일)b.ts (가져오는 파일)핵심 규칙:export: 다른 파일에서 사용할 수 있도록 내보내기import: 다른 파일에서 내보낸 것을 가져오기파일 경로는 ./로 시작 (현재 경로).ts 확장자는 생략a.tsb.ts로컬 타입: export를 붙이지

핵심: 컴포넌트 파일은 .tsx 확장자 사용 (JSX 문법 지원)배열의 각 위치별로 정확한 타입 지정중앙 집중식 state 관리 - props 없이도 state 공유 가능안전한 state 수정 - reducer 함수로 수정 방법을 미리 정의하여 버그 방지파일 확장자:

JavaScript에서 사용하는 조건부 연산자를 TypeScript 타입에서도 활용 가능합니다.핵심: extends 키워드로 조건을 만들고, 삼항연산자로 결과 타입을 지정합니다.조건부 타입에서 타입을 추출하여 변수로 사용할 수 있는 키워드입니다.참고: ReturnTyp