Design/my page

package.json

@@ -21,6 +21,7 @@
     "framer-motion": "^12.6.2",
     "highcharts": "^12.3.0",
     "highcharts-react-official": "^3.2.2",
+    "lightweight-charts": "^5.0.8",
     "lucide-react": "^0.483.0",
     "react": "^19.0.0",
     "react-chartjs-2": "^5.3.0",

src/api/auth/loginApi.ts

@@ -32,7 +32,7 @@ export const login = async (
 ): Promise<{ token: string; user?: User }> => {
   try {
     const response = await fetch(
-      `${import.meta.env.VITE_API_BASE_URL}/auth/login`,
+      `${import.meta.env.VITE_API_BASE_URL}/api/auth/login`,
       {
         method: "POST",
         headers: {
@@ -92,7 +92,7 @@ export const verifyAuth = async (): Promise<{
     }
 
     const response = await fetch(
-      `${import.meta.env.VITE_API_BASE_URL}/auth/check`,
+      `${import.meta.env.VITE_API_BASE_URL}/api/auth/check`,
       {
         method: "GET",
         headers: {

src/api/auth/logoutApi.ts

@@ -10,7 +10,7 @@ export const logout = async (): Promise<LogoutResponse> => {
     }
 
     const response = await fetch(
-      `${import.meta.env.VITE_API_BASE_URL}/auth/logout`,
+      `${import.meta.env.VITE_API_BASE_URL}/api/auth/logout`,
       {
         method: "POST",
         headers: {

src/api/auth/signUpApi.ts

@@ -14,7 +14,7 @@ export const register = async (
 ): Promise<RegisterResponse> => {
   try {
     const response = await fetch(
-      `${import.meta.env.VITE_API_BASE_URL}/auth/register`,
+      `${import.meta.env.VITE_API_BASE_URL}/api/auth/register`,
       {
         method: "POST",
         headers: {

src/api/market/index.ts

@@ -32,6 +32,6 @@ export interface InterestRateWithHistory {
 }
 
 export const getAllMarketInfo = async () => {
-  const { data } = await axiosInstance.get<MarketAllResponse>("/info/all");
+  const { data } = await axiosInstance.get<MarketAllResponse>("/api/info/all");
   return data;
 };

src/api/news/byCompany.ts

@@ -1,6 +1,4 @@
-import axios from "axios";
-
-const API_URL = import.meta.env.VITE_API_BASE_URL || "http://localhost:3000";
+import { axiosInstance } from "@/lib/axiosInstance";
 
 export interface CompanyNewsItemDTO {
   id: string;
@@ -15,9 +13,11 @@ export interface CompanyNewsResponse {
 }
 
 export async function getNewsByCompany(stockCode: string, limit = 10) {
-  const url = `${API_URL}/news/by-company/${stockCode}`;
-  const { data } = await axios.get<CompanyNewsResponse>(url, {
-    params: { limit },
-  });
+  const { data } = await axiosInstance.get<CompanyNewsResponse>(
+    `/api/news/by-company/${stockCode}`,
+    {
+      params: { limit },
+    }
+  );
   return data.results;
 }

src/api/news/detail.ts

@@ -1,14 +1,13 @@
-import axios from "axios";
+import { axiosInstance } from "@/lib/axiosInstance";
 import { NewsItem } from "./types";
-
-const API_URL = import.meta.env.VITE_API_BASE_URL || "http://localhost:3000";
+import { isAxiosError } from "axios";
 
 export const getNewsDetail = async (newsId: string): Promise<NewsItem> => {
   try {
-    const response = await axios.get<NewsItem>(`${API_URL}/news/${newsId}`);
+    const response = await axiosInstance.get<NewsItem>(`/api/news/${newsId}`);
     return response.data;
   } catch (error) {
-    if (axios.isAxiosError(error)) {
+    if (isAxiosError(error)) {
       if (error.response?.status === 404) {
         throw new Error("해당 뉴스를 찾을 수 없습니다.");
       }

src/api/news/feed.ts

@@ -1,7 +1,6 @@
-import axios from "axios";
+import { axiosInstance } from "@/lib/axiosInstance";
 import { NewsItem } from "./types";
-
-const API_URL = import.meta.env.VITE_API_BASE_URL || "http://localhost:3000";
+import { isAxiosError } from "axios";
 
 export interface MyFeedParams {
   limit?: number;
@@ -16,57 +15,22 @@ export const getMyFeed = async (
   params: MyFeedParams = {}
 ): Promise<NewsItem[]> => {
   try {
-    const requestUrl = `${API_URL}/news/my-feed`;
     const requestParams = {
       limit: params.limit || 20,
     };
 
-    const tokenKey = "access_token";
-    let token = localStorage.getItem(tokenKey);
-    if (token && !token.startsWith("Bearer ")) {
-      token = `Bearer ${token}`;
-    }
-
-    console.log("API 요청 정보:", {
-      url: requestUrl,
-      params: requestParams,
-      env: {
-        VITE_API_BASE_URL: import.meta.env.VITE_API_BASE_URL,
-        NODE_ENV: import.meta.env.NODE_ENV,
-      },
-      headers: {
-        Authorization: token,
-      },
-    });
-
-    const response = await axios.get<MyFeedResponse>(requestUrl, {
-      params: requestParams,
-      headers: {
-        Authorization: token,
-      },
-    });
-
-    console.log("API 응답:", {
-      status: response.status,
-      data: response.data,
-      headers: response.headers,
-    });
+    const response = await axiosInstance.get<MyFeedResponse>(
+      "/api/news/my-feed",
+      {
+        params: requestParams,
+      }
+    );
 
     return response.data.results;
   } catch (error) {
-    console.error("API 에러 상세:", {
-      error,
-      isAxiosError: axios.isAxiosError(error),
-      response: axios.isAxiosError(error)
-        ? {
-            status: error.response?.status,
-            data: error.response?.data,
-            headers: error.response?.headers,
-          }
-        : null,
-    });
+    console.error("API 에러 상세:", error);
 
-    if (axios.isAxiosError(error)) {
+    if (isAxiosError(error)) {
       // 404 Not Found - 즐겨찾기 종목이 없는 경우
       if (error.response?.status === 404) {
         const detail = error.response.data?.detail;

src/api/news/search.ts

@@ -1,11 +1,9 @@
-import axios from "axios";
+import { axiosInstance } from "@/lib/axiosInstance";
 import { NewsSearchParams } from "./types";
 
-const API_URL = import.meta.env.VITE_API_BASE_URL || "http://localhost:3000";
-
 export const searchNews = async (params: NewsSearchParams): Promise<any> => {
   try {
-    const response = await axios.get(`${API_URL}/news/search`, {
+    const response = await axiosInstance.get("/api/news/search", {
       params: {
         keyword: params.keyword,
         impact: params.impact,

src/api/stock/company.ts

@@ -5,6 +5,6 @@ export type CompanyInfoResponse = Record<string, any>;
 export const getCompanyInfoByCode = async (
   stockCode: string
 ): Promise<CompanyInfoResponse> => {
-  const { data } = await axiosInstance.get(`/info/company/${stockCode}`);
+  const { data } = await axiosInstance.get(`/api/info/company/${stockCode}`);
   return data;
 };

src/api/stock/detail.ts

@@ -6,6 +6,37 @@ export type RawStockInfoResponse = Record<string, any>;
 export const getStockInfoByCode = async (
   stockCode: string
 ): Promise<RawStockInfoResponse> => {
-  const { data } = await axiosInstance.get(`/info/stock/${stockCode}`);
+  const { data } = await axiosInstance.get(`/api/info/stock/${stockCode}`);
   return data;
 };
+
+// 차트 데이터 타입 및 API
+export interface StockChartCandle {
+  date: string;
+  open: number;
+  high: number;
+  low: number;
+  close: number;
+  volume: number;
+}
+
+export type StockChartPeriod = "D" | "W" | "M";
+
+export interface StockChartResponse {
+  stock_code: string;
+  period: StockChartPeriod;
+  count: number;
+  candles: StockChartCandle[];
+}
+
+export async function getStockChart(
+  stockCode: string,
+  period: StockChartPeriod,
+  count: number
+): Promise<StockChartResponse> {
+  const { data } = await axiosInstance.get<StockChartResponse>(
+    `/api/stock/chart/${encodeURIComponent(stockCode)}`,
+    { params: { period, count } }
+  );
+  return data;
+}

src/api/stock/list.ts

@@ -55,7 +55,7 @@ export const getStockList = async (
 ): Promise<StockListResponse> => {
   try {
     // 새로운 /info/companies API 사용
-    const response = await axiosInstance.get("/info/companies", {
+    const response = await axiosInstance.get("/api/info/companies", {
       params: {
         sort_by: sortBy,
       },

src/api/stock/relatedCompanies.ts

@@ -17,7 +17,7 @@ export async function getRelatedCompanies(
   sort_by = "market_cap_desc"
 ) {
   const { data } = await axiosInstance.get<RelatedCompanyDTO[]>(
-    `/info/related-companies/${stockCode}`,
+    `/api/info/related-companies/${stockCode}`,
     { params: { sort_by } }
   );
   return data;

src/api/stock/search.ts

@@ -29,7 +29,7 @@ export const searchStockData = async (
   params: StockSearchParams
 ): Promise<StockSearchResponse> => {
   try {
-    const response = await axiosInstance.get("/stock/search", { params });
+    const response = await axiosInstance.get("/api/stock/search", { params });
     return response.data;
   } catch (error) {
     console.error("주식 검색 중 오류 발생:", error);

src/api/user/favoritesApi.ts

@@ -1,7 +1,7 @@
 // 즐겨찾기 목록 조회
 export const getFavorites = async (): Promise<string[]> => {
   try {
-    const response = await fetch("/user/favorites", {
+    const response = await fetch("/api/user/favorites", {
       method: "GET",
       headers: {
         "Content-Type": "application/json",
@@ -22,7 +22,7 @@ export const getFavorites = async (): Promise<string[]> => {
 // 즐겨찾기 추가
 export const addFavorite = async (tickerOrCompany: string): Promise<string> => {
   try {
-    const response = await fetch("/user/favorites", {
+    const response = await fetch("/api/user/favorites", {
       method: "POST",
       headers: {
         "Content-Type": "application/json",
@@ -48,7 +48,7 @@ export const removeFavorite = async (
   tickerOrCompany: string
 ): Promise<string> => {
   try {
-    const response = await fetch("/user/favorites", {
+    const response = await fetch("/api/user/favorites", {
       method: "DELETE",
       headers: {
         "Content-Type": "application/json",

src/components/home/PopularStocks.tsx

@@ -38,7 +38,7 @@ interface Stock {
 // API 호출 함수
 const getPopularCompanies = async (): Promise<CompanyInfo[]> => {
   try {
-    const response = await fetch("/info/companies?sort_by=market_cap_desc");
+    const response = await fetch("/api/info/companies?sort_by=market_cap_desc");
 
     if (!response.ok) {
       throw new Error(`HTTP error! status: ${response.status}`);

src/components/home/TrendingKeywords.tsx

@@ -28,7 +28,7 @@ const getCompanies = async (
   sortBy: SortBy = "market_cap_desc"
 ): Promise<CompanyInfo[]> => {
   try {
-    const response = await fetch(`/info/companies?sort_by=${sortBy}`);
+    const response = await fetch(`/api/info/companies?sort_by=${sortBy}`);
 
     if (!response.ok) {
       throw new Error(`HTTP error! status: ${response.status}`);