공지사항 버그 수정

src/Apis/Notices/index.ts

@@ -66,11 +66,14 @@ export const useNoticeDetailData = (noticeId: string) => {
 					title: data.title,
 					content: data.content,
 					created_at: new Date(data.created_at).toISOString(),
-					attachments: data.attachments.map((attachment: any) => ({
-						url: attachment.url,
-						type: attachment.type,
-					})),
+					attachments: data.attachments
+						? data.attachments.map((attachment: any) => ({
+								url: attachment.url,
+								type: attachment.type,
+						  }))
+						: [],
 				};
+
 				setNoticeDetail(fetchedNoticeDetail);
 			})
 			.catch(() => {
@@ -120,7 +123,6 @@ export const useNoticeListData = () => {
 
 	useEffect(() => {
 		fetchNoticeList();
-
 	}, [fetchNoticeList]);
 
 	return { notices };

src/Apis/Notices/response.ts

@@ -1,21 +1,19 @@
 export interface NoticeListResponse {
-    id: number
-    title: string
-    created_at: string
+	id: number;
+	title: string;
+	created_at: string;
 }
 
 export interface NoticeDetailResponse {
-    title: string;
-    content: string;
-    created_at: string;
-    attachments?: AttachmentResponse[];
+	title: string;
+	content: string;
+	created_at: string;
+	attachments?: AttachmentResponse[] | null;
 }
 
-export type AttachmentType =
-    | "FILE"
-    | "URL"
+export type AttachmentType = 'FILE' | 'URL';
 
 export interface AttachmentResponse {
-    url: string;
-    type: AttachmentType;
-}
+	url: string;
+	type: AttachmentType;
+}

src/Components/Notice/AttachedBox/index.tsx

@@ -4,7 +4,7 @@ import * as _ from './style';
 import axios from 'axios';
 
 interface PropsType {
-	props: AttachmentResponse[];
+	props: AttachmentResponse[] | null | undefined;
 }
 
 export function AttachedBox({ props }: PropsType) {
@@ -43,7 +43,7 @@ export function AttachedBox({ props }: PropsType) {
 			<_.AttachedWrapper>
 				<_.AttachmentTitle>첨부자료</_.AttachmentTitle>
 				<_.Attachments>
-					{props.map((attachment, index) => (
+					{props?.map((attachment, index) => (
 						<_.Attachment key={index}>
 							<div>{file_name_regex(attachment.url)}</div>
 							<Icon

src/Pages/NoticePage/NoticeDetailPage/index.tsx

@@ -70,7 +70,10 @@ export function NoticeDetailPage() {
 						</_.HeaderWrapper>
 						<_.Date>{date}</_.Date>
 						<_.Contents>{noticeDetail?.content}</_.Contents>
-						<AttachedBox props={noticeDetail?.attachments || []} />
+						{noticeDetail?.attachments &&
+							noticeDetail.attachments.length > 0 && (
+								<AttachedBox props={noticeDetail.attachments} />
+							)}
 					</_.Box>
 				</_.Background>
 			</_.Wrapper>

src/Pages/NoticePage/NoticeWritePage/index.tsx

@@ -94,9 +94,9 @@ export function NoticeWritePage() {
 			writeNotice({
 				title,
 				content,
-				attachments: [{url: '', type: 'FILE'}],
+				attachments: [{} as AttachmentRequest],
 			});
-			navigate('/Notice')
+			navigate('/Notice');
 		}
 	};