📁 기본 구조

types/
├── components.ts        # 컴포넌트 관련 타입
├── request.ts          # API 요청 관련 타입
├── response.ts         # API 응답 관련 타입
├── store.ts            # 스토어 관련 타입
└── index.ts            # 타입 통합 export

📝 세부 구조 및 역할

index.ts

// types/index.ts
export * from './components';
export * from './request';
export * from './response';
export * from './store';

도메인별 타입 예시

types/
├── components.ts
│   ├── TableProps
│   ├── ButtonProps
│   └── InputProps
├── request.ts
│   ├── CreateUserRequest
│   └── UpdateUserRequest
├── response.ts
│   ├── UserResponse
│   └── ErrorResponse
├── store.ts
│   ├── UserState
│   └── AuthState
└── index.ts

✅ 장점

• 중앙 집중식 타입 관리
• 타입 재사용 용이
• 일관된 타입 네이밍
• import/export 경로 단순화

💡 사용 방법

// 타입 사용 시
import { TableProps, UserResponse } from '@/types';

📌 컨벤션

• 타입명은 파스칼 케이스(PascalCase) 사용
• 명확한 접미사 사용 (Props, Request, Response 등)
• 관련 타입끼리 그룹화
• index.ts를 통한 통합 export