Feat(client): API 경로 수정 및 코드 정리

Author: jjangminii

apps/extension/src/apis/axios.ts

@@ -1,30 +1,29 @@
-import apiRequest from "./axiosInstance";
+import apiRequest from './axiosInstance';
 export interface PostArticleRequest {
   url: string;
   categoryId: number;
   memo?: string | null;
-  remindTime?: string | null; 
+  remindTime?: string | null;
 }
 
 export const postArticle = async (data: PostArticleRequest) => {
-  const response = await apiRequest.post("/api/v1/articles", data);
+  const response = await apiRequest.post('/api/v3/articles', data);
   return response.data;
 };
 
-
 export interface postSignupRequest {
   email: string;
-  remindDefault: string
+  remindDefault: string;
   fcmToken: string;
 }
 
 export const postSignup = async (data: postSignupRequest) => {
-  const response = await apiRequest.post("/api/v1/auth/signup", data);
+  const response = await apiRequest.post('/api/v1/auth/signup', data);
   return response.data;
 };
 
 export const getCategoriesExtension = async () => {
-  const response = await apiRequest.get("/api/v1/categories/extension");
+  const response = await apiRequest.get('/api/v1/categories/extension');
   return response.data;
 };
 
@@ -33,27 +32,26 @@ export interface postCategoriesRequest {
 }
 
 export const postCategories = async (data: postCategoriesRequest) => {
-  const response = await apiRequest.post("/api/v1/categories", data);
+  const response = await apiRequest.post('/api/v1/categories', data);
   return response.data;
-}
+};
 
 export const getRemindTime = async () => {
-  const now = new Date().toISOString().split(".")[0]; 
+  const now = new Date().toISOString().split('.')[0];
 
-  const response = await apiRequest.get("/api/v1/users/remind-time", {
+  const response = await apiRequest.get('/api/v1/users/remind-time', {
     params: { now },
   });
 
   return response.data;
 };
 
-
-export const getArticleSaved=async (url:string) => {
-  const response = await apiRequest.get("/api/v1/articles/saved", {
+export const getArticleSaved = async (url: string) => {
+  const response = await apiRequest.get('/api/v1/articles/saved', {
     params: { url },
   });
   return response.data;
-}
+};
 
 export interface PutArticleRequest {
   categoryId: number;
@@ -62,7 +60,10 @@ export interface PutArticleRequest {
   remindTime: string | null;
 }
 
-export const putArticle = async (articleId: number, data: PutArticleRequest) => {
+export const putArticle = async (
+  articleId: number,
+  data: PutArticleRequest
+) => {
   const response = await apiRequest.put(`/api/v1/articles/${articleId}`, data);
   return response.data;
-};
+};

apps/extension/src/pages/MainPop.tsx

@@ -1,34 +1,34 @@
 import {
-  InfoBox,
+  useGetCategoriesExtension,
+  useGetRemindTime,
+  usePostArticle,
+  usePutArticle,
+} from '@apis/query/queries';
+import thumbImg from '@assets/extension_thumb.svg';
+import { useCategoryManager } from '@hooks/useCategoryManager';
+import { usePageMeta } from '@hooks/usePageMeta';
+import { useSaveBookmark } from '@hooks/useSaveBookmarks';
+import {
+  AutoDismissToast,
   Button,
-  Textarea,
   DateTime,
-  Switch,
-  PopupContainer,
   Dropdown,
+  InfoBox,
+  PopupContainer,
+  Switch,
+  Textarea,
+  Toast,
   validateDate,
   validateTime,
-  Toast,
-  AutoDismissToast,
 } from '@pinback/design-system/ui';
-import { useState, useEffect } from 'react';
-import { usePageMeta } from '@hooks/usePageMeta';
-import { useSaveBookmark } from '@hooks/useSaveBookmarks';
-import Header from '@shared/components/Header';
-import {
-  usePostArticle,
-  useGetCategoriesExtension,
-  useGetRemindTime,
-  usePutArticle,
-} from '@apis/query/queries';
 import { ArticleResponse } from '@shared-types/types';
+import Header from '@shared/components/Header';
 import {
+  combineDateTime,
   updateDate,
   updateTime,
-  combineDateTime,
 } from '@utils/remindTimeFormat';
-import { useCategoryManager } from '@hooks/useCategoryManager';
-import thumbImg from '@assets/extension_thumb.svg';
+import { useEffect, useState } from 'react';
 interface MainPopProps {
   type: 'add' | 'edit';
   savedData?: ArticleResponse | null;
@@ -317,7 +317,7 @@ const MainPop = ({ type, savedData }: MainPopProps) => {
             <p className="caption1-sb mb-[0.4rem]">메모</p>
             <Textarea
               maxLength={500}
-              placeholder="나중에 내가 꺼내줄 수 있게 살짝 적어줘!"
+              placeholder="나중에 기억하기 쉽게 메모를 남겨주세요!"
               value={memo}
               onChange={(e) => setMemo(e.target.value)}
             />