Merge branch 'main' of https://github.com/2025-LOCO/Loco-FE

Author: jecy77

src/App.tsx

@@ -23,8 +23,20 @@ import RoutePanel from "./components/map/RoutePanel";
 
 import TalkEdit from "@/pages/LocoTalk/TalkEdit";
 import TalkLayout from "@/pages/LocoTalk/TalkLayout";
+import { useAuthStore } from "./stores/authStore";
+import { useEffect, useState } from "react";
 
 function App() {
+  const setLoggedIn = useAuthStore((s) => s.setLoggedIn);
+  const [authChecked, setAuthChecked] = useState(false);
+  useEffect(() => {
+    const token = localStorage.getItem("accessToken");
+    setLoggedIn(!!token);
+    setAuthChecked(true);
+  }, [setLoggedIn]);
+
+  if (!authChecked) return null;
+
   return (
     <>
       <Routes>
@@ -69,7 +81,7 @@ function App() {
           </Route>
           {/* 2. 다른 사람들이 보는 map 페이지 (readOnly)*/}
           {/* <Route path="u/:nickname/map" element={<MapLayout mapType="public" />}> */}
-          <Route path="public-map" element={<MapLayout mapType="public" />}>
+          <Route path="u/:user_id/map" element={<MapLayout mapType="public" />}>
             <Route index element={<Navigate to="profile" replace />} />
             <Route path="profile" element={<ProfilePanel />} />
             <Route path="place" element={<PlacePanel />} />

src/apis/auth/getMyInformation.ts

@@ -0,0 +1,32 @@
+import apiInstance from "@/apis/apiInstance";
+
+// 요청 타입
+export type GetMyInformationRequest = void;
+
+// 응답 타입
+export interface GetMyInformationResponse {
+  id: number;
+  email: string;
+  nickname: string;
+  intro: string | null;
+  image_url: string | null;
+  city_id: string | null;
+  created_at: string;
+  ranking: number | null;
+  points: number;
+  grade: string;
+  my_places_count: number;
+  my_routes_count: number;
+  my_answers_count: number;
+  my_places_liked_count: number;
+  my_routes_liked_count: number;
+  places_loco_count: number[];
+  routes_loco_count: number[];
+}
+
+export async function getMyInformation(): Promise<GetMyInformationResponse> {
+  const res = await apiInstance.get<GetMyInformationResponse>(
+    "/api/v1/users/me"
+  );
+  return res.data;
+}

src/apis/auth/getUserProfile.ts

@@ -0,0 +1,23 @@
+import apiInstance from "@/apis/apiInstance";
+
+export interface UserProfileResponse {
+  id: number;
+  nickname: string;
+  city_name: string;
+  intro: string;
+  avatar_url: string;
+  created_at: string;
+  ranking: number;
+  points: number;
+  grade: string;
+  ranking_percentile: number;
+  liked: number;
+}
+
+// user_id 기반 사용자 정보 조회
+export async function getUserProfile(
+  userId: number
+): Promise<UserProfileResponse> {
+  const res = await apiInstance.get(`/api/v1/users/${userId}`);
+  return res.data;
+}

src/apis/auth/login.ts

@@ -0,0 +1,35 @@
+// src/apis/auth/login.ts
+import apiInstance from "../apiInstance";
+
+interface LoginRequest {
+  username: string;
+  password: string;
+}
+
+interface LoginResponse {
+  user_id: number;
+  nickname: string;
+  access_token: string;
+  token_type: string;
+}
+
+export async function loginUser({
+  username,
+  password,
+}: LoginRequest): Promise<LoginResponse> {
+  const formData = new URLSearchParams();
+  formData.append("username", username);
+  formData.append("password", password);
+
+  const res = await apiInstance.post<LoginResponse>(
+    "/api/v1/auth/login",
+    formData,
+    {
+      headers: {
+        "Content-Type": "application/x-www-form-urlencoded",
+      },
+    }
+  );
+
+  return res.data;
+}

src/apis/explore/getExploreMembers.ts

@@ -0,0 +1,36 @@
+import apiInstance from "@/apis/apiInstance";
+
+/** 요청 타입 */
+export type GetExploreMembersRequest = void;
+
+/** 로코지기(회원) 개별 타입 */
+export interface ExploreMemberItem {
+  id: number;
+  nickname: string;
+  city_name: string;
+  intro: string;
+  avatar_url: string;
+  created_at: string;
+  ranking: number;
+  points: number;
+  grade: string;
+  ranking_percentile: number;
+  liked: number;
+}
+
+/** 응답 타입 */
+export interface GetExploreMembersResponse {
+  best_users: ExploreMemberItem[];
+  new_local_users: ExploreMemberItem[];
+}
+
+/**
+ * [GET] /api/v1/users/loco-explore
+ * 로코지기 탐색 - 베스트/신규 로코지기 목록 조회
+ */
+export async function getExploreMembers(): Promise<GetExploreMembersResponse> {
+  const res = await apiInstance.get<GetExploreMembersResponse>(
+    "/api/v1/users/loco-explore"
+  );
+  return res.data;
+}

src/apis/explore/getExplorePlaceList.ts

@@ -0,0 +1,30 @@
+import apiInstance from "@/apis/apiInstance";
+
+/**
+ * [GET] /api/v1/places/explore
+ * - 인기 장소 / 신규 장소 리스트 조회
+ */
+
+export type GetExplorePlaceListRequest = void;
+
+export interface ExplorePlaceItem {
+  member_id: number;
+  place_id: number;
+  name: string;
+  image_url: string | null;
+  liked: number;
+  short_location: string;
+  intro: string;
+}
+
+export interface GetExplorePlaceListResponse {
+  ranked_places: ExplorePlaceItem[];
+  new_places: ExplorePlaceItem[];
+}
+
+export async function getExplorePlaceList(): Promise<GetExplorePlaceListResponse> {
+  const res = await apiInstance.get<GetExplorePlaceListResponse>(
+    "/api/v1/places/explore"
+  );
+  return res.data;
+}

src/apis/explore/getExploreRouteList.ts

@@ -0,0 +1,72 @@
+import apiInstance from "@/apis/apiInstance";
+
+// 요청 타입
+export interface GetExploreRouteListRequest {
+  tag_period?: number;
+  tag_env?: string;
+  tag_with?: string;
+  tag_move?: string;
+  tag_atmosphere?: string;
+  tag_place_count?: number;
+}
+
+// 태그 타입
+export interface ExploreRouteTag {
+  period: string;
+  env: string;
+  with: string;
+  move: string;
+  atmosphere: string;
+  place_count: string;
+}
+
+// 경로 내 장소 타입
+export interface ExploreRoutePlace {
+  id: number;
+  name: string;
+  category: string;
+  day: number;
+  order: number;
+}
+
+// 교통수단 타입
+export interface ExploreRouteTransportation {
+  id: number;
+  name: string;
+  day: number;
+  order: number;
+}
+
+// 전체 경로 아이템 타입
+export interface ExploreRouteItem {
+  userId: number;
+  id: number;
+  name: string;
+  imageUrl: string;
+  location: string;
+  intro: string;
+  liked: number;
+  tags: ExploreRouteTag;
+  places: ExploreRoutePlace[];
+  transportations: ExploreRouteTransportation[];
+  countReal: number;
+  countSoso: number;
+  countBad: number;
+  created_at: string;
+}
+
+export type GetExploreRouteListResponse = ExploreRouteItem[];
+
+/**
+ * [GET] /api/v1/routes/search
+ * 탐색 탭에서 루트 목록 조회 (태그 검색 포함)
+ */
+export async function getExploreRouteList(
+  params?: GetExploreRouteListRequest
+): Promise<GetExploreRouteListResponse> {
+  const res = await apiInstance.get<GetExploreRouteListResponse>(
+    "/api/v1/routes/search",
+    { params } // 쿼리 파라미터 전달
+  );
+  return res.data;
+}

src/apis/favorite/getFavoritePlaces.ts

@@ -0,0 +1,51 @@
+// src/apis/favorite/getFavoritePlaces.ts
+import apiInstance from "@/apis/apiInstance";
+
+// 요청 타입
+export type GetFavoritePlacesRequest = {
+  user_id: number;
+};
+
+// 응답 타입
+export interface FavoritePlaceItem {
+  id: number;
+  user_id: number;
+  place_id: number;
+  created_at: string;
+  place: {
+    place_id: number;
+    name: string;
+    type: string;
+    is_frequent: boolean;
+    atmosphere: string;
+    pros: string;
+    cons: string;
+    image_url: string;
+    count_real: number;
+    count_normal: number;
+    count_bad: number;
+    latitude: number;
+    longitude: number;
+    kakao_place_id: string;
+    intro: string;
+    phone: string;
+    address_name: string;
+    link: string;
+    liked: number;
+    user_id: number;
+    city_name: string;
+  };
+}
+
+// 전체 응답 타입
+export type GetFavoritePlacesResponse = FavoritePlaceItem[];
+
+// API 함수
+export async function getFavoritePlaces(
+  user_id: number
+): Promise<GetFavoritePlacesResponse> {
+  const res = await apiInstance.get<GetFavoritePlacesResponse>(
+    `/api/v1/favorites/places/${user_id}`
+  );
+  return res.data;
+}

src/apis/qna/getQnaDetail.ts

@@ -0,0 +1,6 @@
+import apiInstance from "@/apis/apiInstance";
+
+export async function getQnADetail(questionId: number) {
+  const res = await apiInstance.get(`/api/v1/qna/questions/${questionId}`);
+  return res.data;
+}

src/apis/qna/questions.ts

@@ -0,0 +1,20 @@
+import apiInstance from "../apiInstance";
+
+/** QnA 질문*/
+export interface QnaQuestion {
+  question_id: number;
+  user_id: number;
+  title: string;
+  content: string;
+  created_at: string;
+  view_count: number;
+  answer_count: number;
+}
+
+/** 질문 목록 조회: GET /api/v1/qna/questions */
+export async function getQnaQuestions(): Promise<QnaQuestion[]> {
+  const res = await apiInstance.get<QnaQuestion[]>("/api/v1/qna/questions", {
+    headers: { Accept: "application/json" },
+  });
+  return res.data;
+}