FE-51 🔀 공용 API 머지 요청

src/apis/add.ts

@@ -0,0 +1,9 @@
+import { AddEpigramRequestType, AddEpigramResponseType } from '@/schema/addEpigram';
+import httpClient from '.';
+
+const postEpigram = async (request: AddEpigramRequestType): Promise<AddEpigramResponseType> => {
+  const response = await httpClient.post<AddEpigramResponseType>('/epigrams', request);
+  return response.data;
+};
+
+export default postEpigram;

src/apis/auth.ts

@@ -0,0 +1,9 @@
+import type { PostSigninRequestType, PostSigninResponseType } from '@/schema/auth';
+import httpClient from '.';
+
+const postSignin = async (request: PostSigninRequestType): Promise<PostSigninResponseType> => {
+  const response = await httpClient.post('/auth/signIn', request);
+  return response.data;
+};
+
+export default postSignin;

src/apis/epigramComment.ts

@@ -0,0 +1,46 @@
+import httpClient from '@/apis/index';
+import { CommentRequestSchema, CommentRequestType, CommentResponseSchema, CommentResponseType } from '@/schema/comment';
+import { PostCommentRequest, PatchCommentRequest } from '@/types/epigram.types';
+
+export const getEpigramComments = async (params: CommentRequestType): Promise<CommentResponseType> => {
+  try {
+    // 요청 파라미터 유효성 검사
+    const validatedParams = CommentRequestSchema.parse(params);
+
+    const { id, limit, cursor } = validatedParams;
+
+    // NOTE: URL의 쿼리 문자열을 사용
+    // NOTE : cursor값이 있다면 ?limit=3&cursor=100, 없다면 ?limit=3,(숫자는 임의로 지정한 것)
+    const queryParams = new URLSearchParams({
+      limit: limit.toString(),
+      ...(cursor !== undefined && { cursor: cursor.toString() }),
+    });
+
+    const response = await httpClient.get<CommentResponseType>(`/epigrams/${id}/comments?${queryParams.toString()}`);
+
+    // 응답 데이터 유효성 검사
+    const validatedData = CommentResponseSchema.parse(response.data);
+
+    return validatedData;
+  } catch (error) {
+    if (error instanceof Error) {
+      throw new Error(`댓글을 불러오는데 실패했습니다: ${error.message}`);
+    }
+    throw error;
+  }
+};
+
+export const postComment = async (commentData: PostCommentRequest) => {
+  const response = await httpClient.post('/comments', commentData);
+  return response.data;
+};
+
+export const patchComment = async (commentId: number, commentData: PatchCommentRequest) => {
+  const response = await httpClient.patch(`/comments/${commentId}`, commentData);
+  return response.data;
+};
+
+export const deleteComment = async (commentId: number) => {
+  const response = await httpClient.delete(`/comments/${commentId}`);
+  return response.data;
+};

src/apis/getEmotion.ts

@@ -0,0 +1,25 @@
+import { EmotionType } from '@/types/emotion';
+import type { GetEmotionResponseType } from '@/schema/emotion';
+import { translateEmotionToKorean } from '@/utils/emotionMap';
+import httpClient from '.';
+import { getMe } from './user';
+
+const getEmotion = async (): Promise<EmotionType | null> => {
+  const user = await getMe();
+  if (!user) {
+    throw new Error('로그인이 필요합니다.');
+  }
+
+  const response = await httpClient.get<GetEmotionResponseType>('/emotionLogs/today', {
+    params: { userId: user.id },
+  });
+
+  if (response.status === 204) {
+    return null; // No content
+  }
+
+  const koreanEmotion = translateEmotionToKorean(response.data.emotion);
+  return koreanEmotion;
+};
+
+export default getEmotion;

src/apis/getEpigrams.ts

@@ -0,0 +1,12 @@
+import { GetEpigramsParamsType, GetEpigramsResponseType, GetEpigramsResponse } from '@/schema/epigrams';
+import httpClient from '.';
+
+const getEpigrams = async (params: GetEpigramsParamsType): Promise<GetEpigramsResponseType> => {
+  const response = await httpClient.get(`/epigrams`, { params });
+
+  // 데이터 일치하는지 확인
+  const parsedResponse = GetEpigramsResponse.parse(response.data);
+  return parsedResponse;
+};
+
+export default getEpigrams;

src/apis/index.ts

@@ -7,4 +7,46 @@ const httpClient = axios.create({
   paramsSerializer: (parameters) => qs.stringify(parameters, { arrayFormat: 'repeat', encode: false }),
 });
 
+// NOTE: eslint-disable no-param-reassign 미해결로 인한 설정
+httpClient.interceptors.request.use((config) => {
+  const accessToken = localStorage.getItem('accessToken');
+  /* eslint-disable no-param-reassign */
+  if (accessToken) config.headers.Authorization = `Bearer ${accessToken}`;
+  /* eslint-enable no-param-reassign */
+  return config;
+});
+
+httpClient.interceptors.response.use(
+  (response) => response,
+
+  (error) => {
+    if (error.response && error.response.status === 401) {
+      const refreshToken = localStorage.getItem('refreshToken');
+
+      if (!refreshToken) {
+        window.location.href = '/auth/SignIn';
+        return Promise.reject(error);
+      }
+
+      return httpClient
+        .post('/auth/refresh-token', null, {
+          headers: { Authorization: `Bearer ${refreshToken}` },
+        })
+        .then((response) => {
+          const { accessToken, refreshToken: newRefreshToken } = response.data;
+          localStorage.setItem('accessToken', accessToken);
+          localStorage.setItem('refreshToken', newRefreshToken);
+
+          const originalRequest = error.config;
+          return httpClient(originalRequest);
+        })
+        .catch(() => {
+          window.location.href = '/auth/SignIn';
+          return Promise.reject(error);
+        });
+    }
+    return Promise.reject(error);
+  },
+);
+
 export default httpClient;