[feat] 사장님 구인구직 UI 구현 및 API 연동

src/app/App.tsx

@@ -30,6 +30,12 @@ import { StoreRegisterRequestsPage } from '@/pages/store-register/requests'
 import { StoreRegisterRequestDetailPage } from '@/pages/store-register/request-detail'
 import { ManagerWorkerInvitePage } from '@/pages/manager/worker-invite'
 import { WorkspaceImageEditPage } from '@/pages/manager/workspace-image-edit'
+import { ManagerPostingListPage } from '@/pages/manager/posting-list'
+import { ManagerPostingCreatePage } from '@/pages/manager/posting-create'
+import { ManagerPostingDetailPage } from '@/pages/manager/posting-detail'
+import { ManagerPostingEditPage } from '@/pages/manager/posting-edit'
+import { ManagerApplicationListPage } from '@/pages/manager/application-list'
+import { ManagerApplicationDetailPage } from '@/pages/manager/application-detail'
 import { WorkspaceJoinPage } from '@/pages/user/workspace-join'
 import { NotificationPage } from '@/pages/notification'
 import { NotificationSettingsPage } from '@/pages/notification/settings'
@@ -44,6 +50,7 @@ import { ErrorPageRoute } from '@/pages/error'
 import { MobileLayout } from '@/shared/ui/MobileLayout'
 import { MobileLayoutWithDocbar } from '@/shared/ui/MobileLayoutWithDocbar'
 import { HomeRouteGuard } from '@/shared/ui/common/HomeRouteGuard'
+import { ToastViewport } from '@/shared/ui/common/ToastViewport'
 import { ROUTES } from '@/shared/constants/routes'
 
 const SignupPage = lazy(async () => {
@@ -161,6 +168,47 @@ export function App() {
             path={ROUTES.MANAGER.WORKSPACE_IMAGES_EDIT_PATTERN}
             element={<WorkspaceImageEditPage />}
           />
+          {/* 사장님 구인구직 — 정적 세그먼트가 :postingId보다 우선 매칭됩니다 */}
+          <Route
+            path={ROUTES.MANAGER.POSTING_NEW}
+            element={
+              <HomeRouteGuard expected="MANAGER">
+                <ManagerPostingCreatePage />
+              </HomeRouteGuard>
+            }
+          />
+          <Route
+            path={ROUTES.MANAGER.POSTING_APPLICATIONS_BY_POSTING_PATTERN}
+            element={
+              <HomeRouteGuard expected="MANAGER">
+                <ManagerApplicationListPage />
+              </HomeRouteGuard>
+            }
+          />
+          <Route
+            path={ROUTES.MANAGER.POSTING_APPLICATION_DETAIL_PATTERN}
+            element={
+              <HomeRouteGuard expected="MANAGER">
+                <ManagerApplicationDetailPage />
+              </HomeRouteGuard>
+            }
+          />
+          <Route
+            path={ROUTES.MANAGER.POSTING_EDIT_PATTERN}
+            element={
+              <HomeRouteGuard expected="MANAGER">
+                <ManagerPostingEditPage />
+              </HomeRouteGuard>
+            }
+          />
+          <Route
+            path={ROUTES.MANAGER.POSTING_DETAIL_PATTERN}
+            element={
+              <HomeRouteGuard expected="MANAGER">
+                <ManagerPostingDetailPage />
+              </HomeRouteGuard>
+            }
+          />
         </Route>
 
         <Route element={<MobileRouteLayoutWithDocbar />}>
@@ -205,6 +253,22 @@ export function App() {
             path={ROUTES.MANAGER.SOCIAL_CHAT}
             element={<SocialChatPage />}
           />
+          <Route
+            path={ROUTES.MANAGER.POSTINGS}
+            element={
+              <HomeRouteGuard expected="MANAGER">
+                <ManagerPostingListPage />
+              </HomeRouteGuard>
+            }
+          />
+          <Route
+            path={ROUTES.MANAGER.POSTING_APPLICATIONS}
+            element={
+              <HomeRouteGuard expected="MANAGER">
+                <ManagerApplicationListPage />
+              </HomeRouteGuard>
+            }
+          />
           <Route path={ROUTES.MY.ROOT} element={<MyPage />} />
           <Route
             path={ROUTES.USER.SUBSTITUTE_REQUEST_DETAIL_PATTERN}
@@ -227,6 +291,7 @@ export function App() {
         <Route path="/" element={<Navigate to={ROUTES.AUTH.LOGIN} replace />} />
         <Route path="*" element={<ErrorPageRoute />} />
       </Routes>
+      <ToastViewport />
     </BrowserRouter>
   )
 }

src/features/job-lookup-map/hooks/useApplyPosting.ts

@@ -11,6 +11,7 @@ export function useApplyPosting() {
   const queryClient = useQueryClient()
 
   return useMutation({
+    retry: false,
     mutationFn: ({ postingId, body }: ApplyPostingVariables) =>
       applyPosting(postingId, body),
     onSuccess: (_, { postingId }) => {

src/features/job-lookup-map/lib/applyPostingError.ts

@@ -0,0 +1,31 @@
+import axios from 'axios'
+
+import { getAxiosErrorMessage } from '@/shared/lib/getAxiosErrorMessage'
+import type { ErrorResponse } from '@/shared/types/common'
+
+export interface ApplyPostingError {
+  message: string
+  retryable: boolean
+}
+
+export function resolveApplyPostingError(error: unknown): ApplyPostingError {
+  if (axios.isAxiosError(error)) {
+    const response = error.response?.data as ErrorResponse | undefined
+    const retryable =
+      error.response?.status === 429 || response?.code === 'E001'
+
+    if (retryable) {
+      return {
+        message:
+          response?.message ??
+          '요청이 너무 많습니다. 잠시 후 다시 시도해 주세요.',
+        retryable: true,
+      }
+    }
+  }
+
+  return {
+    message: getAxiosErrorMessage(error, '지원에 실패했습니다.'),
+    retryable: false,
+  }
+}

src/features/job-lookup-map/test/lib/applyPostingError.test.ts

@@ -0,0 +1,48 @@
+import { describe, expect, it } from 'vitest'
+
+import { resolveApplyPostingError } from '../../lib/applyPostingError'
+
+function axiosError(status: number, data: unknown) {
+  return {
+    isAxiosError: true,
+    message: `Request failed with status code ${status}`,
+    response: { status, data },
+  }
+}
+
+describe('공고 지원 오류', () => {
+  it.each([
+    '이미 지원한 공고입니다.',
+    '모집이 종료된 공고입니다.',
+    '삭제된 근무일정입니다.',
+  ])('서버 메시지 %s를 표시한다', message => {
+    expect(
+      resolveApplyPostingError(axiosError(400, { code: 'B001', message }))
+    ).toEqual({ message, retryable: false })
+  })
+
+  it('HTTP 429를 재시도 가능한 오류로 분류한다', () => {
+    expect(
+      resolveApplyPostingError(
+        axiosError(429, {
+          code: 'E001',
+          message: '요청이 너무 많습니다. 잠시 후 다시 시도해주세요.',
+        })
+      )
+    ).toEqual({
+      message: '요청이 너무 많습니다. 잠시 후 다시 시도해주세요.',
+      retryable: true,
+    })
+  })
+
+  it('E001 코드를 재시도 가능한 오류로 분류한다', () => {
+    expect(
+      resolveApplyPostingError(
+        axiosError(400, {
+          code: 'E001',
+          message: '잠시 후 다시 시도해 주세요.',
+        })
+      ).retryable
+    ).toBe(true)
+  })
+})

src/features/manager/api/posting.ts

@@ -1,12 +1,14 @@
 import axiosInstance from '@/shared/lib/axiosInstance'
+import { unwrapCursorPage, type CursorPage } from '@/shared/lib/cursorPage'
 import type {
+  PostingDto,
   PostingListApiResponse,
   ManagedPostingsQueryParams,
 } from '@/features/manager/home/types/posting'
 
 export async function fetchManagedPostings(
   params: ManagedPostingsQueryParams
-): Promise<PostingListApiResponse> {
+): Promise<CursorPage<PostingDto>> {
   const response = await axiosInstance.get<PostingListApiResponse>(
     '/manager/postings',
     {
@@ -20,5 +22,5 @@ export async function fetchManagedPostings(
       },
     }
   )
-  return response.data
+  return unwrapCursorPage(response.data)
 }

src/features/manager/home/hooks/useManagedPostingsViewModel.ts

@@ -30,19 +30,17 @@ export function useManagedPostingsViewModel(
         cursor: pageParam as string | undefined,
       }),
     initialPageParam: undefined as string | undefined,
-    getNextPageParam: lastPage => lastPage.data?.page?.cursor ?? undefined,
+    getNextPageParam: lastPage => lastPage.page?.cursor ?? undefined,
     enabled: workspaceId !== null,
   })
 
   const postings = useMemo(() => {
     const all =
-      data?.pages.flatMap(
-        page => page.data?.data?.map(adaptPostingDto) ?? []
-      ) ?? []
+      data?.pages.flatMap(page => page.data?.map(adaptPostingDto) ?? []) ?? []
     return [...new Map(all.map(p => [p.id, p])).values()]
   }, [data])
 
-  const totalCount = data?.pages[0]?.data?.page?.totalCount ?? 0
+  const totalCount = data?.pages[0]?.page?.totalCount ?? 0
 
   return {
     postings,

src/features/manager/home/types/posting.ts

@@ -1,23 +1,24 @@
+import { PAYMENT_TYPE_LABEL as SHARED_PAYMENT_TYPE_LABEL } from '@/shared/constants/payment'
+import { WORKING_DAYS, WORKING_DAY_LABEL } from '@/shared/constants/workingDays'
+import { toTimeOfDay } from '@/shared/lib/toTimeOfDay'
+import type { CursorPage } from '@/shared/lib/cursorPage'
 import type { CommonApiResponse } from '@/shared/types/common'
 import type { JobPostingItem } from '@/shared/ui/manager/OngoingPostingCard'
 
 // ---- API DTOs ----
-export interface PostingKeywordDto {
-  id: number
-  name: string
-}
-
 export interface PostingScheduleDto {
   workingDays: string[]
   startTime: string
   endTime: string
   positionsNeeded: number
-  position: number
+  position?: string
 }
 
 export interface PostingWorkspaceDto {
   id: number
   businessName: string
+  businessType?: string
+  businessTypeDetail?: string
 }
 
 export interface PostingDto {
@@ -26,21 +27,13 @@ export interface PostingDto {
   payAmount: number
   paymentType: string
   createdAt: string
-  keywords: PostingKeywordDto[]
   schedules: PostingScheduleDto[]
   workspace: PostingWorkspaceDto
 }
 
-export interface PostingPageDto {
-  cursor: string | null
-  pageSize: number
-  totalCount: number
-}
-
-export type PostingListApiResponse = CommonApiResponse<{
-  page: PostingPageDto
-  data: PostingDto[]
-}>
+export type PostingListApiResponse =
+  | CursorPage<PostingDto>
+  | CommonApiResponse<CursorPage<PostingDto>>
 
 // ---- Query Params ----
 export interface ManagedPostingsQueryParams {
@@ -51,22 +44,9 @@ export interface ManagedPostingsQueryParams {
 }
 
 // ---- Mappers ----
-const PAYMENT_TYPE_LABEL: Record<string, string> = {
-  HOURLY: '시급',
-  DAILY: '일급',
-  MONTHLY: '월급',
-  WEEKLY: '주급',
-}
+const PAYMENT_TYPE_LABEL: Record<string, string> = SHARED_PAYMENT_TYPE_LABEL
 
-const WORKING_DAY_KO: Record<string, string> = {
-  MONDAY: '월',
-  TUESDAY: '화',
-  WEDNESDAY: '수',
-  THURSDAY: '목',
-  FRIDAY: '금',
-  SATURDAY: '토',
-  SUNDAY: '일',
-}
+const WORKING_DAY_KO: Record<string, string> = WORKING_DAY_LABEL
 
 function formatWage(payAmount: number, paymentType: string): string {
   const label = PAYMENT_TYPE_LABEL[paymentType] ?? paymentType
@@ -77,24 +57,14 @@ function formatWage(payAmount: number, paymentType: string): string {
 function formatWorkHours(schedules: PostingScheduleDto[]): string {
   if (schedules.length === 0) return '-'
   const first = schedules[0]
-  const base = `${first.startTime} ~ ${first.endTime}`
+  const base = `${toTimeOfDay(first.startTime)} ~ ${toTimeOfDay(first.endTime)}`
   return schedules.length > 1 ? `${base} 외 ${schedules.length - 1}개` : base
 }
 
 function formatWorkDays(schedules: PostingScheduleDto[]): string {
   if (schedules.length === 0) return '-'
-  // 모든 스케줄의 요일을 합산 후 중복 제거 + 요일 순서 정렬
-  const DAY_ORDER = [
-    'MONDAY',
-    'TUESDAY',
-    'WEDNESDAY',
-    'THURSDAY',
-    'FRIDAY',
-    'SATURDAY',
-    'SUNDAY',
-  ]
   const daySet = new Set(schedules.flatMap(s => s.workingDays))
-  return DAY_ORDER.filter(d => daySet.has(d))
+  return WORKING_DAYS.filter(d => daySet.has(d))
     .map(d => WORKING_DAY_KO[d] ?? d)
     .join(', ')
 }