hotfix: 면접 일정 및 공개 API 토큰 수정

Author: si-zero

src/pages/recruit/RecruitInfo.tsx

@@ -14,14 +14,18 @@ const RecruitInfo: React.FC = () => {
 
   const navigate = useNavigate()
   const { loadSchedule } = useRecruitSchedule()
-  const [periodData, setPeriodData] = useState({
-    recruitmentPeriodStart: '',
-    recruitmentPeriodEnd: '',
-    documentPassAnnouncement: '',
-    interviewPeriodStart: '',
-    interviewPeriodEnd: '',
-    interviewPassAnnouncement: '',
-  })
+
+  // 기본 모집 일정 (API 실패 시 사용)
+  const defaultPeriodData = {
+    recruitmentPeriodStart: '2026-02-23', // 02월 23일
+    recruitmentPeriodEnd: '2026-03-10',   // 03월 10일 
+    documentPassAnnouncement: '2026-03-11', // 03월 11일
+    interviewPeriodStart: '2026-03-11',  // 03월 11일
+    interviewPeriodEnd: '2026-03-13',    // 03월 13일
+    interviewPassAnnouncement: '2026-03-14', // 03월 14일
+  }
+  
+  const [periodData, setPeriodData] = useState(defaultPeriodData)
   const [buttonState, setButtonState] = useState({
     text: '',
     disabled: false,
@@ -47,10 +51,11 @@ const RecruitInfo: React.FC = () => {
     } = periodData
 
     if (!recruitmentPeriodStart || !recruitmentPeriodEnd) {
+      // API 호출 실패 시 기본값으로 지원하기 버튼 표시
       return {
-        text: '모집 일정 준비 중',
-        disabled: true,
-        onClick: () => {},
+        text: `${currentGeneration}기 지원하기`,
+        disabled: false,
+        onClick: () => navigate('/recruit'),
       }
     }
 
@@ -133,16 +138,18 @@ const RecruitInfo: React.FC = () => {
     const fetchData = async () => {
       try {
         const { scheduleData } = await loadSchedule()
+        // API 성공 시 서버 데이터로 업데이트
         setPeriodData({
-          recruitmentPeriodStart: scheduleData.recruitmentPeriodStart,
-          recruitmentPeriodEnd: scheduleData.recruitmentPeriodEnd,
-          documentPassAnnouncement: scheduleData.documentPassAnnouncement,
-          interviewPeriodStart: scheduleData.interviewPeriodStart,
-          interviewPeriodEnd: scheduleData.interviewPeriodEnd,
-          interviewPassAnnouncement: scheduleData.interviewPassAnnouncement,
+          recruitmentPeriodStart: scheduleData.recruitmentPeriodStart || defaultPeriodData.recruitmentPeriodStart,
+          recruitmentPeriodEnd: scheduleData.recruitmentPeriodEnd || defaultPeriodData.recruitmentPeriodEnd,
+          documentPassAnnouncement: scheduleData.documentPassAnnouncement || defaultPeriodData.documentPassAnnouncement,
+          interviewPeriodStart: scheduleData.interviewPeriodStart || defaultPeriodData.interviewPeriodStart,
+          interviewPeriodEnd: scheduleData.interviewPeriodEnd || defaultPeriodData.interviewPeriodEnd,
+          interviewPassAnnouncement: scheduleData.interviewPassAnnouncement || defaultPeriodData.interviewPassAnnouncement,
         })
       } catch (error) {
-        console.error('Error fetching recruit configs:', error)
+        console.warn('API를 통한 모집 일정 조회 실패, 기본 일정을 사용합니다:', error)
+        // API 실패 시 기본 일정 데이터 유지 (이미 useState로 설정됨)
       }
     }
 

src/utils/apiClient.ts

@@ -61,8 +61,27 @@ apiClient.interceptors.request.use(
     const isAuthRequest = config.url?.includes('/auth/') && 
                          (config.url?.includes('login') || config.url?.includes('refresh'))
 
-    // 명시적으로 제공되지 않은 경우 Authorization 헤더 자동 부착 (로그인 요청 제외)
-    if (accessToken && !config.headers['Authorization'] && !isAuthRequest) {
+    // 공개 API 엔드포인트들 (토큰 없이 접근 가능)
+    const publicEndpoints = ['/news', '/recruit', '/health', '/activities', '/executives']
+    const isPublicEndpoint = publicEndpoints.some(endpoint => config.url?.includes(endpoint))
+    
+    // 공개 엔드포인트는 토큰 없이도 작동하도록 처리
+    if (isPublicEndpoint) {
+      // 토큰이 있고 유효한 경우에만 추가 (선택적)
+      if (accessToken) {
+        try {
+          const payload = JSON.parse(atob(accessToken.split('.')[1]))
+          const currentTime = Date.now() / 1000
+          if (payload.exp > currentTime) {
+            config.headers['Authorization'] = `Bearer ${accessToken}`
+          }
+        } catch {
+          // 토큰 파싱 실패 시 토큰 없이 진행
+        }
+      }
+      // 토큰이 없거나 유효하지 않아도 공개 API는 그대로 진행
+    } else if (accessToken && !isAuthRequest && !config.headers['Authorization']) {
+      // 비공개 API는 항상 토큰 추가
       config.headers['Authorization'] = `Bearer ${accessToken}`
     }
 
@@ -92,6 +111,16 @@ apiClient.interceptors.response.use(
   async error => {
     const originalRequest = error.config
 
+    // 공개 API 엔드포인트 확인
+    const publicEndpoints = ['/news', '/recruit', '/health', '/activities', '/executives']
+    const isPublicEndpoint = publicEndpoints.some(endpoint => originalRequest?.url?.includes(endpoint))
+
+    // 공개 API에서 401 에러가 발생한 경우, 로그인 리다이렉트 없이 에러만 반환
+    if (isPublicEndpoint && error.response?.status === 401) {
+      console.log('공개 API에서 401 에러 발생 - 로그인 리다이렉트하지 않음')
+      return Promise.reject(error)
+    }
+
     // 401 Unauthorized 에러이고 토큰 갱신을 시도하지 않은 경우
     if (error.response?.status === 401 && !originalRequest._retry) {
       originalRequest._retry = true
@@ -123,8 +152,8 @@ apiClient.interceptors.response.use(
       }
     }
 
-    // 401 에러가 지속되거나 다른 인증 관련 에러인 경우
-    if (error.response?.status === 401 || error.response?.status === 403) {
+    // 401 에러가 지속되거나 다른 인증 관련 에러인 경우 (공개 API가 아닐 때만)
+    if (!isPublicEndpoint && (error.response?.status === 401 || error.response?.status === 403)) {
       console.log('인증이 필요합니다. 로그인 페이지로 리다이렉트합니다.')
       removeAllTokens()
       if (typeof window !== 'undefined') {