[분실물] 공지 분실물 기능

src/App.tsx

@@ -8,9 +8,9 @@ import AuthPage from 'pages/Auth/AuthPage';
 import LoginPage from 'pages/Auth/LoginPage';
 import BoardPage from 'pages/BoardPage';
 import StorePage from 'pages/Store/StorePage';
-import NoticePage from 'pages/Notice/NoticePage';
-import NoticeListPage from 'pages/Notice/NoticeListPage';
-import NoticeDetailPage from 'pages/Notice/NoticeDetailPage';
+import ArticlesPage from 'pages/Articles/ArticlesPage';
+import ArticleListPage from 'pages/Articles/ArticleListPage';
+import ArticlesDetailPage from 'pages/Articles/ArticlesDetailPage';
 import Toast from 'components/common/Toast';
 import LogPage from 'components/common/LogPage';
 import SignupPage from 'pages/Auth/SignupPage';
@@ -35,6 +35,8 @@ import ModifyTimetablePage from 'pages/TimetablePage/ModifyTimetablePage';
 import PageNotFound from 'pages/Error/PageNotFound';
 import PolicyPage from 'pages/PolicyPage';
 import ROUTES from 'static/routes';
+import LostItemPage from 'pages/Articles/LostItemPage';
+import LostItemDetailPage from 'pages/Articles/LostItemDetailPage';
 
 interface HelmetWrapperProps {
   title: string;
@@ -75,10 +77,13 @@ function App() {
           <Route path={ROUTES.BusCourse()} element={<HelmetWrapper title="코인 - 버스" element={<BusCoursePage />} />} />
           <Route path={ROUTES.Cafeteria()} element={<HelmetWrapper title="코인 - 식단" element={<CafeteriaPage />} />} />
           <Route path={ROUTES.PrivatePolicy()} element={<HelmetWrapper title="코인 - 개인정보 처리방침" element={<PolicyPage />} />} />
-          <Route path={ROUTES.BoardNotice()} element={<HelmetWrapper title="코인 - 공지사항" element={<NoticePage />} />}>
-            <Route path={ROUTES.BoardNotice()} element={<NoticeListPage />} />
-            <Route path={ROUTES.BoardNoticeDetail({ isLink: false })} element={<HelmetWrapper title="코인 - 공지사항 상세" element={<NoticeDetailPage />} />} />
+          <Route path={ROUTES.Articles()} element={<HelmetWrapper title="코인 - 공지사항" element={<ArticlesPage />} />}>
+            <Route path={ROUTES.Articles()} element={<ArticleListPage />} />
+            <Route path={ROUTES.ArticlesDetail({ isLink: false })} element={<HelmetWrapper title="코인 - 공시사항 상세" element={<ArticlesDetailPage />} />} />
+            <Route path={ROUTES.LostItemDetail({ isLink: false })} element={<HelmetWrapper title="코인 - 분실물 상세" element={<LostItemDetailPage />} />} />
           </Route>
+          <Route path={ROUTES.LostItemFound()} element={<PrivateRoute requireAuthentication element={<HelmetWrapper title="코인 - 분실물 글쓰기" element={<LostItemPage />} />} />} />
+          <Route path={ROUTES.LostItemLost()} element={<PrivateRoute requireAuthentication element={<HelmetWrapper title="코인 - 분실물 글쓰기" element={<LostItemPage />} />} />} />
           <Route path={ROUTES.Room()} element={<HelmetWrapper title="코인 - 복덕방" element={<RoomPage />} />} />
           <Route path={ROUTES.RoomDetail({ isLink: false })} element={<HelmetWrapper title="코인 - 복덕방 상세" element={<RoomDetailPage />} />} />
           <Route path={ROUTES.CampusInfo()} element={<HelmetWrapper title="코인 - 교내 시설물 정보" element={<CampusInfo />} />} />

src/api/articles/APIDetail.ts

@@ -0,0 +1,89 @@
+import { APIRequest, HTTP_METHOD } from 'interfaces/APIRequest';
+import {
+  ArticlesResponse,
+  ArticleResponse,
+  HotArticlesResponse,
+  SingleLostItemArticleResponseDTO,
+  LostItemArticlesResponseDTO,
+  LostItemResponse,
+  LostItemArticlesRequestDTO,
+} from './entity';
+
+export class GetArticles<R extends ArticlesResponse> implements APIRequest<R> {
+  method = HTTP_METHOD.GET;
+
+  path: string;
+
+  response!: R;
+
+  constructor(page: string | undefined) {
+    this.path = `/articles?page=${page}&limit=10`;
+  }
+}
+
+export class GetArticle<R extends ArticleResponse> implements APIRequest<R> {
+  method = HTTP_METHOD.GET;
+
+  path: string;
+
+  response!: R;
+
+  constructor(id: string | undefined) {
+    this.path = `/articles/${id}`;
+  }
+}
+
+export class GetHotArticles<R extends HotArticlesResponse> implements APIRequest<R> {
+  method = HTTP_METHOD.GET;
+
+  path = '/articles/hot';
+
+  response!: R;
+}
+
+export class GetLostItemArticles<R extends LostItemArticlesResponseDTO> implements APIRequest<R> {
+  method = HTTP_METHOD.GET;
+
+  path = '/articles/lost-item';
+
+  response!: R;
+}
+
+export class GetSingleLostItemArticle<R
+extends SingleLostItemArticleResponseDTO> implements APIRequest<R> {
+  method = HTTP_METHOD.GET;
+
+  path: string;
+
+  response!: R;
+
+  constructor(id: number) {
+    this.path = `/articles/lost-item/${id}`;
+  }
+}
+
+export class PostLostItemArticles<R extends LostItemResponse> implements APIRequest<R> {
+  method = HTTP_METHOD.POST;
+
+  path = '/articles/lost-item';
+
+  response!: R;
+
+  auth = true;
+
+  constructor(public authorization: string, public data: LostItemArticlesRequestDTO) { }
+}
+
+export class DeleteLostItemArticle<R extends LostItemResponse> implements APIRequest<R> {
+  method = HTTP_METHOD.DELETE;
+
+  path: string;
+
+  response!: R;
+
+  auth = true;
+
+  constructor(public authorization: string, id: number) {
+    this.path = `/articles/lost-item/${id}`;
+  }
+}

src/api/articles/entity.ts

@@ -0,0 +1,118 @@
+import { APIResponse } from 'interfaces/APIResponse';
+
+export interface GetArticlesRequest {
+  boardId: string
+  page: string
+}
+
+export interface Article {
+  id: number
+  board_id: number
+  title: string
+  author: string
+  hit: number
+  registered_at: string // yyyy-MM-dd 아우누리에 게시판에 등록된 날짜
+  updated_at: string // yyyy-MM-dd HH:mm:ss 이하 형식 동일
+}
+
+export interface Attachment {
+  id: 1,
+  name: string,
+  url: string,
+  created_at: string,
+  updated_at: string,
+}
+
+export interface PaginationInfo {
+  total_count: number
+  current_count: number
+  total_page: number
+  current_page: number
+}
+
+export interface PaginatedResponse<T> extends PaginationInfo, APIResponse {
+  articles: T[];
+}
+
+export type ArticlesResponse = PaginatedResponse<Article>;
+export type ArticlesSearchResponse = PaginatedResponse<Article>;
+
+export interface ArticleResponse extends Article, APIResponse {
+  content: string;
+  attachments: Attachment[];
+  prev_id: number;
+  next_id: number;
+}
+
+export interface HotArticle extends Article { }
+
+export type HotArticlesResponse = HotArticle[];
+
+// GET /articles/lost-item
+interface LostItemArticleForGetDTO {
+  id: number;
+  board_id: number;
+  category: string;
+  found_place: string;
+  found_date: string;
+  content: string;
+  author: string;
+  registered_at: string;
+  updated_at: string;
+}
+
+export interface LostItemArticlesResponseDTO extends APIResponse {
+  articles: LostItemArticleForGetDTO[];
+  total_count: number;
+  current_count: number;
+  total_page: number;
+  current_page: number;
+}
+
+interface ImageDTO {
+  id: number;
+  image_url: string;
+}
+
+export interface SingleLostItemArticleResponseDTO extends APIResponse {
+  id: number;
+  board_id: number;
+  category: string;
+  found_place: string;
+  found_date: string;
+  content: string;
+  author: string;
+  images: ImageDTO[];
+  prev_id: number | null;
+  next_id: number | null;
+  registered_at: string; // yyyy-MM-dd
+  updated_at: string; // yyyy-MM-dd HH:mm:ss
+}
+
+export interface LostItemResponse extends APIResponse {
+  id: number;
+  board_id: number;
+  category: string;
+  found_place: string;
+  found_date: string;
+  content: string;
+  author: string;
+  images: ImageDTO[];
+  prev_id: number | null;
+  next_id: number | null;
+  registered_at: string;
+  updated_at: string;
+}
+
+// POST /articles/lost-item
+interface LostItemArticleForPostDTO {
+  category: string;
+  found_place: string;
+  found_date: string; // yyyy-MM-dd
+  content: string;
+  images: string[];
+}
+
+export interface LostItemArticlesRequestDTO {
+  articles: Array<LostItemArticleForPostDTO>;
+}

src/api/articles/index.ts

@@ -0,0 +1,24 @@
+import APIClient from 'utils/ts/apiClient';
+import {
+  GetArticles,
+  GetHotArticles,
+  GetArticle,
+  GetLostItemArticles,
+  GetSingleLostItemArticle,
+  DeleteLostItemArticle,
+  PostLostItemArticles,
+} from './APIDetail';
+
+export const getArticles = APIClient.of(GetArticles);
+
+export const getArticle = APIClient.of(GetArticle);
+
+export const getHotArticles = APIClient.of(GetHotArticles);
+
+export const getLostItemArticles = APIClient.of(GetLostItemArticles);
+
+export const getSingleLostItemArticle = APIClient.of(GetSingleLostItemArticle);
+
+export const postLostItemArticle = APIClient.of(PostLostItemArticles);
+
+export const deleteLostItemArticle = APIClient.of(DeleteLostItemArticle);

src/api/index.ts

@@ -1,11 +1,12 @@
+export * as abTest from './abTest';
 export * as auth from './auth';
-export * as store from './store';
-export * as dept from './dept';
-export * as timetable from './timetable';
 export * as bus from './bus';
-export * as notice from './notice';
-export * as room from './room';
 export * as cafeteria from './cafeteria';
 export * as coopshop from './coopshop';
+export * as dept from './dept';
+export * as articles from './articles';
 export * as review from './review';
-export * as abTest from './abTest';
+export * as room from './room';
+export * as store from './store';
+export * as timetable from './timetable';
+export * as uploadFile from './uploadFile';