{text}
Loading...
;
+ if (!data) return 404
;
return (
<>
- 출발점
-
- {data.hDong.name}
-
- 총 거리
-
- {(data.pathLength / 3000).toFixed(2)}km
-
- 게시자
-
-
- {data.userId}
-
+ 출발점
+
+ {data.hDong.name}
+
+ 총 거리
+
+ {(data.pathLength / 3000).toFixed(2)}km
+
+ 게시자
+
+
+ {data.userId}
+Loading...
;
+ if (!course || !recruit) return 404
;
+
+ return (
+ <>
+
+
+ 코스 목록
+
+
+
+ {course.data.map((c: Course, idx: number) => (
+
+
+
+
+
+ 모집 목록
+
+
+
+ {recruit.data.map((r: Recruit, idx: number) => (
+
+
+
+ Loading...
;
+ if (!data) return 404
;
const renderMap = useCallback(
useShowMap({
height: `${window.innerHeight - 307}px`,
- center: getMiddlePoint(typeof data?.course.path === "string" ? JSON.parse(data?.course.path || `[]`) : []),
- runningPath: typeof data?.course.path === "string" ? JSON.parse(data?.course.path || `[]`) : [],
+ center: getMiddlePoint(data.path),
+ runningPath: data.path,
level: 5,
}).renderMap,
[data],
@@ -32,9 +34,6 @@ const RecruitDetail = () => {
} catch {}
}, []);
- if (isLoading) return Loading...
;
- if (!data) return 404
;
-
return (
<>
출발점
-
{data.course.hDong.name}
+{data.hDong.name}
총거리
-
{data.course.pathLength}km
+{data.pathLength}km
페이스
diff --git a/client/src/styles/color.ts b/client/src/styles/color.ts
index 9b885ae..7f7ebf5 100644
--- a/client/src/styles/color.ts
+++ b/client/src/styles/color.ts
@@ -5,4 +5,5 @@ export enum COLOR {
DARK_GRAY = "#757D87",
LIGHT_GRAY = "#808080",
BABY_BLUE = "#ACB7C7",
+ ORANGE = "#FFB800",
}
diff --git a/client/src/types/RecruitDetail.ts b/client/src/types/RecruitDetail.ts
new file mode 100644
index 0000000..932412c
--- /dev/null
+++ b/client/src/types/RecruitDetail.ts
@@ -0,0 +1,16 @@
+import { hDong } from "./hDong";
+import { LatLng } from "./LatLng";
+
+export interface RecruitDetail {
+ title: string;
+ startTime: string;
+ maxPpl: number;
+ currentPpl: number;
+ path: LatLng[];
+ pathLength: number;
+ pace: number;
+ hDong: hDong;
+ userId: string;
+ isParticipating: boolean;
+ isAuthor: boolean;
+}
diff --git a/client/src/types/dto/GetCoursesRes.ts b/client/src/types/dto/GetCoursesRes.ts
new file mode 100644
index 0000000..530e8b9
--- /dev/null
+++ b/client/src/types/dto/GetCoursesRes.ts
@@ -0,0 +1,8 @@
+import { Course } from "#types/Course";
+
+interface GetCoursesRes {
+ statusCode: number;
+ data: Course[];
+}
+
+export default GetCoursesRes;
diff --git a/server/src/recruit/dto/request/create-recruit.request.ts b/server/src/recruit/dto/request/create-recruit.request.ts
new file mode 100644
index 0000000..469ea81
--- /dev/null
+++ b/server/src/recruit/dto/request/create-recruit.request.ts
@@ -0,0 +1,31 @@
+import { Type } from "class-transformer";
+import { IsNumber, IsString } from "class-validator";
+import { Recruit } from "../../../common/entities/recruit.entity";
+
+export class CreateRecruitReqDto {
+ @IsString()
+ private title: string;
+
+ @Type(() => Date)
+ private startTime: Date;
+
+ @Type(() => Number)
+ @IsNumber()
+ private maxPpl: number;
+
+ @Type(() => Number)
+ @IsNumber()
+ private pace: number;
+
+ @Type(() => Number)
+ @IsNumber()
+ private userId: number;
+
+ @Type(() => Number)
+ @IsNumber()
+ private courseId: number;
+
+ toEntity(): Recruit {
+ return Recruit.of(this.title, this.startTime, this.maxPpl, this.pace, this.userId, this.courseId);
+ }
+}
diff --git a/server/src/recruit/dto/request/get-recruit.request.ts b/server/src/recruit/dto/request/get-recruit.request.ts
new file mode 100644
index 0000000..9278a06
--- /dev/null
+++ b/server/src/recruit/dto/request/get-recruit.request.ts
@@ -0,0 +1,110 @@
+import { Transform, Type } from "class-transformer";
+import { IsBoolean, IsNumber, IsString, IsOptional } from "class-validator";
+export class GetRecruitDto {
+ @IsOptional()
+ @IsString()
+ private query?: string | undefined;
+
+ @IsOptional()
+ @Type(() => Number)
+ @IsNumber()
+ private hour?: number;
+
+ @IsOptional()
+ @Type(() => Number)
+ @IsNumber()
+ private dist?: number;
+
+ @IsOptional()
+ @Type(() => Number)
+ @IsNumber()
+ private maxLen?: number;
+
+ @IsOptional()
+ @Type(() => Number)
+ @IsNumber()
+ private minLen?: number;
+
+ @IsOptional()
+ @IsBoolean()
+ @Transform(({ value }) => {
+ if (value === "true") return true;
+ if (value === "false") return false;
+ return value;
+ })
+ private title?: boolean;
+
+ @IsOptional()
+ @IsBoolean()
+ @Transform(({ value }) => {
+ if (value === "true") return true;
+ if (value === "false") return false;
+ return value;
+ })
+ private author?: boolean;
+
+ @IsOptional()
+ @IsBoolean()
+ @Transform(({ value }) => {
+ if (value === "true") return true;
+ if (value === "false") return false;
+ return value;
+ })
+ private avail?: boolean;
+
+ @IsOptional()
+ @Type(() => Number)
+ @IsNumber()
+ private page?: number;
+
+ @IsOptional()
+ @Type(() => Number)
+ @IsNumber()
+ private pageSize?: number;
+
+ getQuery(): string | undefined {
+ return this.query;
+ }
+
+ getHour(): number | undefined {
+ return this.hour;
+ }
+
+ getDist(): number | undefined {
+ return this.dist;
+ }
+
+ getMaxLength(): number | undefined {
+ return this.maxLen;
+ }
+
+ getMinLength(): number | undefined {
+ return this.minLen;
+ }
+
+ getTitle(): boolean {
+ if (this.title === false) {
+ return false;
+ }
+ return true;
+ }
+
+ getAuthor(): boolean {
+ if (this.author === false) {
+ return false;
+ }
+ return true;
+ }
+
+ getAvail(): boolean {
+ return this.avail;
+ }
+
+ getPage(): number {
+ return this.page || 1;
+ }
+
+ getPageSize(): number {
+ return this.pageSize || 10;
+ }
+}