[release] v1.1.0

frontend/config/webpack.dev.ts

@@ -55,10 +55,10 @@ export default getAvailablePort(DEFAULT_PORT).then((port) => {
         {
           test: /\.css$/,
           use: ['style-loader', 'css-loader'],
-          include: path.resolve(
-            __dirname,
-            '../node_modules/react-datepicker/dist',
-          ),
+          include: [
+          path.resolve(__dirname, '../node_modules/react-datepicker/dist'),
+          path.resolve(__dirname, '../node_modules/swiper'),
+        ],
         },
         {
           test: /\.css$/,

frontend/package.json

@@ -37,7 +37,8 @@
     "rehype-raw": "^7.0.0",
     "rehype-sanitize": "^6.0.0",
     "remark-gfm": "^4.0.1",
-    "styled-components": "^6.1.14"
+    "styled-components": "^6.1.14",
+    "swiper": "^11.2.10"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^3.2.4",

frontend/src/App.tsx

@@ -18,7 +18,9 @@ import PrivateRoute from '@/pages/AdminPage/auth/PrivateRoute/PrivateRoute';
 import PhotoEditTab from '@/pages/AdminPage/tabs/PhotoEditTab/PhotoEditTab';
 import ApplicationFormPage from './pages/ApplicationFormPage/ApplicationFormPage';
 import ApplicantsTab from './pages/AdminPage/tabs/ApplicantsTab/ApplicantsTab';
-import ApplicantDetailPage from './pages/AdminPage/tabs/ApplicantsTab/ApplicantDetailPage';
+import ApplicantDetailPage from './pages/AdminPage/tabs/ApplicantsTab/ApplicantDetailPage/ApplicantDetailPage';
+import ClubUnionPage from './pages/ClubUnionPage/ClubUnionPage';
+
 
 const queryClient = new QueryClient();
 
@@ -72,17 +74,15 @@ const App = () => {
                             path='account-edit'
                             element={<AccountEditTab />}
                           />
-                          {/*🔒 메인 브랜치에서는 접근 차단 (배포용 차단 목적)*/}
-                          {/*develop-fe 브랜치에서는 접근 가능하도록 풀고 개발 예정*/}
                           <Route
                             path='application-edit'
                             element={<ApplicationEditTab />}
                           />
-                          <Route 
+                          <Route
                             path='applicants'
                             element={<ApplicantsTab />}
                           />
-                          <Route 
+                          <Route
                             path='applicants/:questionId'
                             element={<ApplicantDetailPage />}
                           />
@@ -92,12 +92,11 @@ const App = () => {
                   </AdminClubProvider>
                 }
               />
-              {/*🔒 사용자용 지원서 작성 페이지도 메인에서는 비활성화 처리 */}
-              {/*🛠 develop-fe에서는 다시 노출 예정*/}
               <Route
                 path='/application/:clubId'
                 element={<ApplicationFormPage />}
               />
+              <Route path='/club-union' element={<ClubUnionPage />} />
               <Route path='*' element={<Navigate to='/' replace />} />
             </Routes>
           </BrowserRouter>

frontend/src/apis/application/updateApplicantDetail.ts

@@ -0,0 +1,38 @@
+import API_BASE_URL from '@/constants/api';
+import { secureFetch } from '@/apis/auth/secureFetch';
+import { ApplicationStatus } from '@/types/applicants';
+
+export const updateApplicantDetail = async (
+  memo: string,
+  status: ApplicationStatus,
+  clubId: string,
+  applicantId: string,
+) => {
+  try {
+    const response = await secureFetch(
+      `${API_BASE_URL}/api/club/${clubId}/apply/${applicantId}`,
+      {
+        method: 'PUT',
+        headers: {
+          'Content-Type': 'application/json',
+        },
+        body: JSON.stringify({
+          memo,
+          status
+        })
+      },
+    );
+
+    if (!response.ok) {
+      throw new Error('지원자의 지원서 정보 수정에 실패했습니다.');
+    }
+
+    const result = await response.json();
+    return result.data;
+  } catch (error) {
+    console.error('지원자의 지원서 정보 수정 중 오류 발생:', error);
+    throw error;
+  }
+};
+
+export default updateApplicantDetail;

frontend/src/components/application/QuestionTitle/QuestionTitle.tsx

@@ -28,7 +28,7 @@ const QuestionTitle = ({
         <Styled.QuestionTitleText
           contentEditable={mode !== 'answer'}
           suppressContentEditableWarning={true}
-          onInput={(e) => {
+          onChange={(e) => {
             const value = e.currentTarget.textContent || '';
             if (value.length <= APPLICATION_FORM.QUESTION_TITLE.maxLength) {
               onTitleChange?.(value);