jhynsoo/worlabel
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Refactor: 타입 파일 분리

Browse Source
This commit is contained in:
정현조 2024-09-29 22:56:06 +09:00
parent 66f2aea4ec
commit 5859e45ab4
14 changed files with 352 additions and 357 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/types/alarmTypes.ts Normal file
View File

@ -0,0 +1,6 @@
export interface AlarmResponse {
id: number;
isRead: boolean;
createdAt: string;
type: string;
}

9
frontend/src/types/categoryTypes.ts Normal file
View File

@ -0,0 +1,9 @@
// 카테고리 관련 DTO
export interface CategoryRequest {
categoryName: string;
}
export interface CategoryResponse {
id: number;
name: string;
}

24
frontend/src/types/commentTypes.ts Normal file
View File

@ -0,0 +1,24 @@
import { MemberResponse } from './memberTypes';
// 댓글 관련 DTO
export interface CommentRequest {
content: string;
positionX: number;
positionY: number;
}
export interface CommentResponse {
id: number;
memberId: number;
memberNickname: string;
memberProfileImage: string;
positionX: number;
positionY: number;
content: string;
createTime: string; // 작성 일자 (ISO 8601 형식)
author: MemberResponse; // 추가됨
}
export interface CommentListResponse {
commentResponses: CommentResponse[];
}

27
frontend/src/types/fileTypes.ts Normal file
View File

@ -0,0 +1,27 @@
// 파일 및 디렉터리 관련 타입
export type FileItem = {
id: number;
name: string;
url: string;
type: 'image' | 'json';
status: 'idle' | 'done';
};
export type DirectoryItem = {
id: number;
name: string;
type: 'directory';
children: Array<DirectoryItem | FileItem>;
};
export type Project = {
id: number;
name: string;
type: 'classification' | 'detection' | 'segmentation';
children: Array<DirectoryItem | FileItem>;
};
export type Workspace = {
id: number;
name: string;
projects: Array<Project>;
};

23
frontend/src/types/folderTypes.ts Normal file
View File

@ -0,0 +1,23 @@
import { ImageResponse } from './imageTypes';
export interface FolderRequest {
title: string;
parentId: number;
}
export interface ChildFolder {
id: number;
title: string;
}
export interface FolderResponse {
id: number;
title: string;
images: ImageResponse[];
children: ChildFolder[];
}
export interface FolderIdResponse {
id: number;
title: string;
}

33
frontend/src/types/imageTypes.ts Normal file
View File

@ -0,0 +1,33 @@
export type ImageStatus = 'PENDING' | 'IN_PROGRESS' | 'SAVE' | 'REVIEW_REQUEST' | 'REVIEW_REJECTED' | 'COMPLETED';
export interface ImageResponse {
id: number;
imageTitle: string;
imagePath: string;
dataPath: string;
status: ImageStatus;
}
// 이미지 이동 및 상태변경 요청 DTO
export interface ImageMoveRequest {
moveFolderId: number;
}
export interface ImageStatusChangeRequest {
labelStatus: ImageStatus;
}
// 이미지 상세 조회 응답 DTO
export interface ImageDetailResponse {
id: number;
imageTitle: string;
imageUrl: string;
data: string | null;
status: ImageStatus;
}
export interface ImageFolderRequest {
memberId: number;
projectId: number;
parentId: number;
files: File[];
}

370
frontend/src/types/index.ts
View File

@ -1,357 +1,13 @@
// 파일 및 디렉터리 관련 타입
export type FileItem = {
id: number;
name: string;
url: string;
type: 'image' | 'json';
status: 'idle' | 'done';
};
export type DirectoryItem = {
id: number;
name: string;
type: 'directory';
children: Array<DirectoryItem | FileItem>;
};
// 프로젝트 관련 타입
export type Project = {
id: number;
name: string;
type: 'classification' | 'detection' | 'segmentation';
children: Array<DirectoryItem | FileItem>;
};
// 워크스페이스 관련 타입
export type Workspace = {
id: number;
name: string;
projects: Array<Project>;
};
// 레이블 관련 타입
export type Label = {
id: number;
categoryId: number;
color: string;
type: 'polygon' | 'rectangle' | 'point';
coordinates: Array<[number, number]>;
};
export interface LabelingRequest {
memberId: number;
projectId: number;
imageId: number;
}
export interface AutoLabelingResponse {
imageId: number;
imageUrl: string;
data: string;
}
// 폴더 및 이미지 관련 DTO
export interface FolderRequest {
title: string;
parentId: number;
}
export interface ChildFolder {
id: number;
title: string;
}
export interface FolderResponse {
id: number;
title: string;
images: ImageResponse[];
children: ChildFolder[];
}
export type ImageStatus = 'PENDING' | 'IN_PROGRESS' | 'SAVE' | 'REVIEW_REQUEST' | 'REVIEW_REJECTED' | 'COMPLETED';
export interface ImageResponse {
id: number;
imageTitle: string;
imagePath: string;
dataPath: string;
status: ImageStatus;
}
// 이미지 이동 및 상태변경 요청 DTO
export interface ImageMoveRequest {
moveFolderId: number;
}
export interface ImageStatusChangeRequest {
labelStatus: ImageStatus;
}
// 멤버 관련 DTO
export interface MemberResponse {
id: number;
nickname: string;
profileImage: string;
email: string;
}
// 워크스페이스 관련 DTO
export interface WorkspaceMemberResponse {
id: number;
nickname: string;
profileImage: string;
}
export interface WorkspaceRequest {
title: string;
content: string;
}
export interface WorkspaceResponse {
id: number;
memberId: string;
title: string;
content: string;
createdAt: string;
updatedAt: string;
}
export interface WorkspaceListResponse {
workspaceResponses: WorkspaceResponse[];
}
export interface ProjectRequest {
title: string;
projectType: 'classification' | 'detection' | 'segmentation';
categories: string[];
}
export type ProjectResponse = {
id: number;
title: string;
workspaceId: number;
projectType: 'classification' | 'detection' | 'segmentation';
createdAt: string;
updatedAt: string;
thumbnail?: string; // Optional
};
// 댓글 관련 DTO
export interface CommentRequest {
content: string;
positionX: number;
positionY: number;
}
export interface CommentResponse {
id: number;
memberId: number;
memberNickname: string;
memberProfileImage: string;
positionX: number;
positionY: number;
content: string;
createTime: string; // 작성 일자 (ISO 8601 형식)
author: MemberResponse; // 추가됨
}
export interface CommentListResponse {
commentResponses: CommentResponse[];
}
// 프로젝트 멤버 관련 DTO
export interface ProjectMemberRequest {
memberId: number;
privilegeType: 'ADMIN' | 'MANAGER' | 'EDITOR' | 'VIEWER';
}
export interface ProjectMemberResponse {
memberId: number;
nickname: string;
profileImage: string;
privilegeType: 'ADMIN' | 'MANAGER' | 'EDITOR' | 'VIEWER';
}
// 리뷰 관련 DTO
export interface ReviewRequest {
title: string;
content: string;
imageIds: number[];
}
export interface ReviewResponse {
reviewId: number;
projectId: number;
title: string;
content: string;
status: 'REQUESTED' | 'APPROVED' | 'REJECTED';
author: MemberResponse;
createAt: string;
updateAt: string;
}
export interface ReviewStatusRequest {
reviewStatus: 'REQUESTED' | 'APPROVED' | 'REJECTED';
}
export interface ReviewImageResponse {
id: number;
imageTitle: string;
status: ImageStatus;
imagePath: string;
dataPath: string;
}
export interface ReviewDetailResponse {
reviewId: number;
title: string;
content: string;
reviewStatus: 'REQUESTED' | 'APPROVED' | 'REJECTED';
images: ReviewImageResponse[];
createAt: string;
updateAt: string;
author: MemberResponse;
reviewer: MemberResponse;
}
// 카테고리 관련 DTO
export interface CategoryRequest {
categoryName: string;
}
export interface CategoryResponse {
id: number;
name: string;
}
// 레이블 저장 요청 DTO
export interface LabelSaveRequest {
data: string;
}
// 폴더 ID 응답 DTO
export interface FolderIdResponse {
id: number;
title: string;
}
// 이미지 상세 조회 응답 DTO
export interface ImageDetailResponse {
id: number;
imageTitle: string;
imageUrl: string;
data: string | null;
status: ImageStatus;
}
// 리프레시 토큰 응답 DTO
export interface RefreshTokenResponse {
accessToken: string;
}
export interface Shape {
categoryId: number;
color: string;
points: [number, number][];
group_id: number;
shape_type: 'polygon' | 'rectangle' | 'point';
flags: Record<string, never>;
}
export interface LabelJson {
version: string;
task_type: 'cls' | 'det' | 'seg';
shapes: Shape[];
split: string;
imageHeight: number;
imageWidth: number;
imageDepth: number;
}
export interface ErrorResponse {
status: number;
code: number;
message: string;
isSuccess: boolean;
}
export interface ImageFolderRequest {
memberId: number;
projectId: number;
parentId: number;
files: File[];
}
export interface LabelCategoryResponse {
id: number;
labelName: string;
}
// 카테고리 요청 DTO
export interface LabelCategoryRequest {
labelCategoryList: number[];
}
// 모델 카테고리 응답 DTO
export interface ModelCategoryResponse {
id: number;
name: string;
}
// 모델 요청 DTO (API로 전달할 데이터 타입)
export interface ModelRequest {
name: string;
}
// 모델 응답 DTO (API로부터 받는 데이터 타입)
export interface ModelResponse {
id: number;
name: string;
isDefault: boolean;
isTrain: boolean;
projectType: 'classification' | 'detection' | 'segmentation';
}
// 프로젝트 모델 리스트 응답 DTO
export interface ProjectModelsResponse extends Array<ModelResponse> {}
// 모델 훈련 요청 DTO
export interface ModelTrainRequest {
modelId: number;
ratio: number;
epochs: number;
batch: number;
lr0: number;
lrf: number;
optimizer: 'AUTO' | 'SGD' | 'ADAM' | 'ADAMW' | 'NADAM' | 'RADAM' | 'RMSPROP';
}
export interface ResultResponse {
id: number;
precision: number;
recall: number;
fitness: number;
ratio: number;
epochs: number;
batch: number;
lr0: number;
lrf: number;
optimizer: 'AUTO' | 'SGD' | 'ADAM' | 'ADAMW' | 'NADAM' | 'RADAM' | 'RMSPROP';
map50: number;
map5095: number;
}
export interface ReportResponse {
modelId: number;
totalEpochs: number;
epoch: number;
boxLoss: number;
clsLoss: number;
dflLoss: number;
fitness: number;
epochTime: number;
leftSecond: number;
segLoss: number;
}
export interface AlarmResponse {
id: number;
isRead: boolean;
createdAt: string;
type: string;
}
export * from './modelTypes';
export * from './imageTypes';
export * from './reviewTypes';
export * from './alarmTypes';
export * from './memberTypes';
export * from './categoryTypes';
export * from './workspaceTypes';
export * from './commentTypes';
export * from './folderTypes';
export * from './projectTypes';
export * from './labelTypes';
export * from './fileTypes';
export * from './reportTypes';

53
frontend/src/types/labelTypes.ts Normal file
View File

@ -0,0 +1,53 @@
// 레이블 관련 타입
export type Label = {
id: number;
categoryId: number;
color: string;
type: 'polygon' | 'rectangle' | 'point';
coordinates: Array<[number, number]>;
};
export interface LabelingRequest {
memberId: number;
projectId: number;
imageId: number;
}
export interface AutoLabelingResponse {
imageId: number;
imageUrl: string;
data: string;
}
// 레이블 저장 요청 DTO
export interface LabelSaveRequest {
data: string;
}
export interface Shape {
categoryId: number;
color: string;
points: [number, number][];
group_id: number;
shape_type: 'polygon' | 'rectangle' | 'point';
flags: Record<string, never>;
}
export interface LabelJson {
version: string;
task_type: 'cls' | 'det' | 'seg';
shapes: Shape[];
split: string;
imageHeight: number;
imageWidth: number;
imageDepth: number;
}
export interface LabelCategoryResponse {
id: number;
labelName: string;
}
// 카테고리 요청 DTO
export interface LabelCategoryRequest {
labelCategoryList: number[];
}

11
frontend/src/types/memberTypes.ts Normal file
View File

@ -0,0 +1,11 @@
// 멤버 관련 DTO
export interface MemberResponse {
id: number;
nickname: string;
profileImage: string;
email: string;
}
// 리프레시 토큰 응답 DTO
export interface RefreshTokenResponse {
accessToken: string;
}

32
frontend/src/types/modelTypes.ts Normal file
View File

@ -0,0 +1,32 @@
// 모델 카테고리 응답 DTO
export interface ModelCategoryResponse {
id: number;
name: string;
}
// 모델 요청 DTO (API로 전달할 데이터 타입)
export interface ModelRequest {
name: string;
}
// 모델 응답 DTO (API로부터 받는 데이터 타입)
export interface ModelResponse {
id: number;
name: string;
isDefault: boolean;
isTrain: boolean;
projectType: 'classification' | 'detection' | 'segmentation';
}
// 프로젝트 모델 리스트 응답 DTO
export interface ProjectModelsResponse extends Array<ModelResponse> {}
// 모델 훈련 요청 DTO
export interface ModelTrainRequest {
modelId: number;
ratio: number;
epochs: number;
batch: number;
lr0: number;
lrf: number;
optimizer: 'AUTO' | 'SGD' | 'ADAM' | 'ADAMW' | 'NADAM' | 'RADAM' | 'RMSPROP';
}

27
frontend/src/types/projectTypes.ts Normal file
View File

@ -0,0 +1,27 @@
export interface ProjectRequest {
title: string;
projectType: 'classification' | 'detection' | 'segmentation';
categories: string[];
}
export type ProjectResponse = {
id: number;
title: string;
workspaceId: number;
projectType: 'classification' | 'detection' | 'segmentation';
createdAt: string;
updatedAt: string;
thumbnail?: string; // Optional
};
// 프로젝트 멤버 관련 DTO
export interface ProjectMemberRequest {
memberId: number;
privilegeType: 'ADMIN' | 'MANAGER' | 'EDITOR' | 'VIEWER';
}
export interface ProjectMemberResponse {
memberId: number;
nickname: string;
profileImage: string;
privilegeType: 'ADMIN' | 'MANAGER' | 'EDITOR' | 'VIEWER';
}

27
frontend/src/types/reportTypes.ts Normal file
View File

@ -0,0 +1,27 @@
export interface ResultResponse {
id: number;
precision: number;
recall: number;
fitness: number;
ratio: number;
epochs: number;
batch: number;
lr0: number;
lrf: number;
optimizer: 'AUTO' | 'SGD' | 'ADAM' | 'ADAMW' | 'NADAM' | 'RADAM' | 'RMSPROP';
map50: number;
map5095: number;
}
export interface ReportResponse {
modelId: number;
totalEpochs: number;
epoch: number;
boxLoss: number;
clsLoss: number;
dflLoss: number;
fitness: number;
epochTime: number;
leftSecond: number;
segLoss: number;
}

44
frontend/src/types/reviewTypes.ts Normal file
View File

@ -0,0 +1,44 @@
import { ImageStatus } from './imageTypes';
import { MemberResponse } from './memberTypes';
// 리뷰 관련 DTO
export interface ReviewRequest {
title: string;
content: string;
imageIds: number[];
}
export interface ReviewResponse {
reviewId: number;
projectId: number;
title: string;
content: string;
status: 'REQUESTED' | 'APPROVED' | 'REJECTED';
author: MemberResponse;
createAt: string;
updateAt: string;
}
export interface ReviewStatusRequest {
reviewStatus: 'REQUESTED' | 'APPROVED' | 'REJECTED';
}
export interface ReviewImageResponse {
id: number;
imageTitle: string;
status: ImageStatus;
imagePath: string;
dataPath: string;
}
export interface ReviewDetailResponse {
reviewId: number;
title: string;
content: string;
reviewStatus: 'REQUESTED' | 'APPROVED' | 'REJECTED';
images: ReviewImageResponse[];
createAt: string;
updateAt: string;
author: MemberResponse;
reviewer: MemberResponse;
}

23
frontend/src/types/workspaceTypes.ts Normal file
View File

@ -0,0 +1,23 @@
// 워크스페이스 관련 DTO
export interface WorkspaceMemberResponse {
id: number;
nickname: string;
profileImage: string;
}
export interface WorkspaceRequest {
title: string;
content: string;
}
export interface WorkspaceResponse {
id: number;
memberId: string;
title: string;
content: string;
createdAt: string;
updatedAt: string;
}
export interface WorkspaceListResponse {
workspaceResponses: WorkspaceResponse[];
}