타입스크립트

타입스크립트 카테고리에서는 TypeScript의 기본 문법부터 타입 추론, 인터페이스, 제네릭, 유니온 타입, 타입 가드, React와 함께 사용하는 방법까지 실무에 필요한 내용을 정리합니다. JavaScript와의 차이와 타입 설계 방식도 함께 다룹니다.

총 8개의 글

타입스크립트 15분 2026.07.13

TypeScript의 as const로 배열과 객체 값을 readonly 리터럴 타입으로 좁히고, typeof, keyof, 인덱스 접근 타입을 조합해 union 타입을 자동 생성하는 실무 기준을 정리합니다.

타입스크립트 14분 2026.07.13

TypeScript 제네릭을 React props와 API 응답 타입 예시로 쉽게 이해할 수 있도록 정리합니다. any와 제네릭의 차이, GenericList와 ApiResponse 활용 흐름을 함께 살펴봅니다.

타입스크립트 React 18분 2026.06.11

React 컴포넌트에서 TypeScript optional props를 사용할 때 기본값을 어디서 처리해야 하는지 정리합니다. `?`, `undefined`, `null`, 구조 분해 기본값, optional callback…

타입스크립트 React 15분 2026.06.11

React에서 TypeScript를 처음 사용할 때 헷갈리기 쉬운 .ts와 .tsx 차이, 컴포넌트 파일 구조, props 타입 작성 위치를 정리합니다. 처음부터 복잡한 타입 설계로 들어가기 전 기본 구조를 잡는 데 초점을 맞…

타입스크립트 React 19분 2026.06.11

React TypeScript에서 children 타입을 지정할 때 ReactNode, PropsWithChildren, ReactElement, JSX.Element를 어떻게 구분해야 하는지 정리합니다. children을 필…

타입스크립트 24분 2026.06.11

TypeScript 기초 문법을 배운 뒤 React 프로젝트에서 props, state, API, 상태 관리, 폼, Next.js까지 어떤 순서로 타입을 적용하면 좋은지 정리합니다.

타입스크립트 자바스크립트 21분 2026.06.11

TypeScript가 JavaScript를 대체하는 언어가 아니라 JavaScript 위에 타입 검사를 더하는 도구라는 점을 입문자 기준으로 정리합니다. 정적 타입 검사, JavaScript 변환, 런타임과의 차이를 함께 설명…

프론트엔드 Next.js 24분 2026.06.08

2026년 기준 프론트엔드 개발자를 목표로 공부할 때 HTML, CSS, JavaScript, React, Next.js, TypeScript, AI 도구를 어떤 순서로 연결해야 하는지 정리합니다.