feat: (#157) 댓글 관련 API fetch 함수 및 타입 분리

frontend/src/api/comment.ts

@@ -0,0 +1,23 @@
+import { CommentRequest, CommentResponse } from '@type/comment';
+
+import { getFetch, postFetch, putFetch, deleteFetch } from '@utils/fetch';
+
+export const getComment = async (postId: number): Promise<CommentResponse> => {
+ return await getFetch<CommentResponse>(`/posts/${postId}/comments`);
+};
+
+export const createComment = async (postId: number, newComment: CommentRequest) => {
+ return await postFetch(`/posts/${postId}/comments`, newComment);
+};
+
+export const editComment = async (
+ postId: number,
+ commentId: number,
+ updatedComment: CommentRequest
+) => {
+ return await putFetch(`/posts/${postId}/comments/${commentId}`, updatedComment);
+};
+
+export const deleteComment = async (postId: number, commentId: number) => {
+ return await deleteFetch(`/posts/${postId}/comments/${commentId}`);
+};

frontend/src/types/comment.ts

@@ -0,0 +1,25 @@
+export interface Comment {
+ id: number;
+ member: {
+ id: number;
+ nickname: string;
+ };
+ content: string;
+ createdAt: string;
+ isEdit: boolean;
+}
+
+export interface CommentResponse {
+ id: number;
+ member: {
+ id: number;
+ nickname: string;
+ };
+ content: string;
+ createdAt: string;
+ updatedAt: string;
+}
+
+export interface CommentRequest {
+ content: string;
+}