Merge pull request #311 from prgrms-web-devcourse-final-project/feat/idempotencykey

feat: 포스팅 헤더 idempotencykey 추가

Author: yoo-nji

src/apis/emotionRecord.ts

@@ -17,8 +17,15 @@ interface EmotionRecordsParams {
 }
 
 // 감정 기록 포스팅
-export const postEmotionRecord = async (emotionRecord: EmotionRecordRequest) => {
-  const { data } = await axiosInstance.post(`/emotion`, emotionRecord);
+export const postEmotionRecord = async (
+  emotionRecord: EmotionRecordRequest,
+  idempotencyKey: string,
+) => {
+  const { data } = await axiosInstance.post(`/emotion`, emotionRecord, {
+    headers: {
+      'Idempotency-Key': idempotencyKey,
+    },
+  });
   return data;
 };
 

src/hooks/post/usePostSubmit.ts

@@ -1,5 +1,6 @@
 import { postEmotionRecord, putEmotionRecord } from '@/apis/emotionRecord';
 import { useMutation } from '@tanstack/react-query';
+import { useRef } from 'react';
 
 interface RequestDataType {
   spotifyId: string;
@@ -24,11 +25,13 @@ const usePostSubmit = ({
   onSuccess,
   onError,
 }: UsePostSubmitProps) => {
+  const idempotencyKeyRef = useRef(crypto.randomUUID()); // idempotency key 생성 (새 글 작성 시 중복 방지)
   // ✅ useMutation 설정 (작성, 수정)
   const { mutate, isPending, isSuccess, isError } = useMutation({
     mutationFn: async (requestData: RequestDataType) => {
       if (mode === 'edit') return putEmotionRecord(Number(postId), requestData); // 수정 모드
-      if (mode === 'create') return postEmotionRecord(requestData); // 새 글 작성 모드
+      console.log('idempotencyKeyRef', idempotencyKeyRef);
+      if (mode === 'create') return postEmotionRecord(requestData, idempotencyKeyRef.current); // 새 글 작성 모드
     },
     onSuccess,
     onError,