diff --git a/src/@types/api.ts b/src/@types/api.ts
index 727f7c11..d6e82d97 100644
--- a/src/@types/api.ts
+++ b/src/@types/api.ts
@@ -3,11 +3,19 @@ export interface APIError extends Error {
   message: string;
 }
 
-export interface ApiResponse<T> {
+export interface FetcherError extends Error {
+  status?: number;
+}
+
+export interface BaseResponse<T> {
   status: string;
   data: T;
 }
 
-export interface FetcherError extends Error {
-  status?: number;
+export interface ListResponse<T> {
+  status: string;
+  data: T[];
+  total: number;
+  currentPage: number;
+  hasNext: boolean;
 }
diff --git a/src/@types/travel.ts b/src/@types/travel.ts
index 7ffc704a..6f2dc36d 100644
--- a/src/@types/travel.ts
+++ b/src/@types/travel.ts
@@ -1,17 +1,24 @@
 export interface Travel {
   travelId: number;
   travelName: string;
+  description: string;
+  travelImage: string;
+  expectedTripCost?: number;
+  currentTravelMateCount: number;
+  minTravelMateCount: number;
+  maxTravelMateCount: number;
+  hashTags: string;
   isDomestic: boolean;
-  travelStatus?: string;
-  location: string;
-  image: string;
+  travelLocation: string;
+  departureLocation?: string;
   startAt: string;
   endAt: string;
-  maxTravelMateCount: number;
-  currentTravelMateCount: number;
-  formattedStartDate?: string;
-  expectedTripCost?: number;
-  isBookmark: boolean | null;
+  registrationEnd: string;
+  tripDuration: number;
+  travelPlan: TravelPlan[];
+  participant: Participant[];
+  participationFlag: boolean | null;
+  bookmarkFlag: boolean | null;
 }
 
 export interface TravelPlan {
@@ -19,9 +26,23 @@ export interface TravelPlan {
   tripOrderNumber: number;
   destination: string;
   description: string;
-  image: string;
+  travelPlanImage: string;
 }
 
+export type TravelCard = Pick<
+  Travel,
+  | 'travelId'
+  | 'travelImage'
+  | 'isDomestic'
+  | 'travelName'
+  | 'travelLocation'
+  | 'maxTravelMateCount'
+  | 'currentTravelMateCount'
+  | 'startAt'
+  | 'endAt'
+  | 'bookmarkFlag'
+>;
+
 export interface Participant {
   id: number;
   nickname: string;
@@ -29,29 +50,6 @@ export interface Participant {
   profileImage: string;
 }
 
-export interface TravelDetail {
-  travelId: number;
-  travelName: string;
-  description: string;
-  image: string;
-  expectedTripCost: number;
-  currentTravelMateCount: number;
-  minTravelMateCount: number;
-  maxTravelMateCount: number;
-  hashTags: string;
-  isDomestic: boolean;
-  travelLocation: string;
-  departureLocation: string;
-  startAt: string;
-  endAt: string;
-  registrationEnd: string;
-  tripDuration: number;
-  travelPlan: TravelPlan[];
-  participant: Participant[];
-  participationFlag: boolean | null;
-  bookmarkFlag: boolean | null;
-}
-
 export interface TravelReviewRateScore {
   oneStarReviews: number;
   twoStarReviews: number;
@@ -103,7 +101,7 @@ export interface TravelList {
 }
 
 export interface MyTravel {
-  content: TravelList[];
+  content: Travel[];
   total: number;
   currentPage: number;
   hasNext: boolean;
diff --git a/src/api/travel/travels.ts b/src/api/travel/travels.ts
index 6d19a9df..146bfb5f 100644
--- a/src/api/travel/travels.ts
+++ b/src/api/travel/travels.ts
@@ -1,13 +1,13 @@
 import {
   Filters,
   Travel,
-  TravelDetail,
   TravelFilterResponse,
   MyTravel,
   MyTravelResponse,
+  TravelCard,
 } from '@/@types/travel';
 import buildTravelUrl from '@/utils/buildTravelUrl';
-import { ApiResponse } from '@/@types/api';
+import { BaseResponse } from '@/@types/api';
 import { http } from '../fetcher';
 
 export const postTravelParticipation = (travelId: number) => {
@@ -23,17 +23,17 @@ export const deleteTravel = (travelId: number) => {
 };
 
 export const getPopularTravel = () => {
-  return http.get<ApiResponse<Travel[]>>('/travels/popular');
+  return http.get<BaseResponse<TravelCard[]>>('/travels/popular');
 };
 
 export const getTravelDetail = ({ id }: { id: string }) => {
-  return http.get<ApiResponse<TravelDetail>>(`/travels/${id}`);
+  return http.get<BaseResponse<Travel>>(`/travels/${id}`);
 };
 
 export const getTravels = (props: Filters & { pageParam?: number }) => {
   const { pageParam, ...filters } = props;
   const url = buildTravelUrl(filters, pageParam);
-  return http.get<ApiResponse<TravelFilterResponse>>(url);
+  return http.get<BaseResponse<TravelFilterResponse>>(url);
 };
 
 export const postTravelBookMark = (id: number) => {
diff --git a/src/components/card/travel/TravelCard.tsx b/src/components/card/travel/TravelCard.tsx
index a44ab059..fe5184f8 100644
--- a/src/components/card/travel/TravelCard.tsx
+++ b/src/components/card/travel/TravelCard.tsx
@@ -1,7 +1,7 @@
 import Image from 'next/image';
 import Location from '@/assets/location.svg';
 import ProfileICon from '@/assets/profile.svg';
-import { Travel } from '@/@types/travel';
+import { TravelCard as TravelCardProps } from '@/@types/travel';
 import { useMemo, useState } from 'react';
 import Link from 'next/link';
 import cn from '@/utils/cn';
@@ -15,26 +15,24 @@ import ProgressBar from '../../common/progressbar/ProgressBar';
 import ExpiredTag from '../../common/tag/ExpiredTag';
 import CheckMarkButton from '../../common/button/CheckMarkButton';
 
-interface Props extends Omit<Travel, 'isBookmark'> {
+interface Props extends TravelCardProps {
   closed?: boolean;
-  checkMark?: boolean;
-  isChecked?: boolean;
+  formattedStartDate?: string;
 }
 
 const TravelCard = ({
   travelId,
   isDomestic,
   travelName,
-  location,
+  travelLocation,
   maxTravelMateCount,
   currentTravelMateCount,
   formattedStartDate,
-  image,
+  travelImage,
   closed,
-  checkMark,
-  isChecked,
+  bookmarkFlag,
 }: Props) => {
-  const [isCheckedState, setIsCheckedState] = useState(isChecked);
+  const [isCheckedState, setIsCheckedState] = useState(bookmarkFlag);
   const [animate, setAnimate] = useState(false);
 
   const progressRate = useMemo(
@@ -79,8 +77,8 @@ const TravelCard = ({
         )}
       >
         <Image
-          src={image}
-          alt={`${travelName} - ${location} 여행 이미지`}
+          src={travelImage}
+          alt={`${travelName} - ${travelLocation} 여행 이미지`}
           width={300}
           height={300}
           className="h-full w-full rounded object-cover opacity-0 duration-300 ease-in-out"
@@ -94,7 +92,7 @@ const TravelCard = ({
             마감된 여행
           </div>
         )}
-        {checkMark && (
+        {isCheckedState !== null && (
           <CheckMarkButton
             isChecked={isCheckedState}
             animate={animate}
@@ -117,7 +115,7 @@ const TravelCard = ({
           <div className="flex items-center gap-[6px] text-gray-500">
             <span className={`body-3-sb ${iconAndText}`}>
               <Location />
-              {location}
+              {travelLocation}
             </span>
             <span className={`body-3-r ${iconAndText}`}>
               <ProfileICon />
diff --git a/src/components/card/travel/TravelCardBig.tsx b/src/components/card/travel/TravelCardBig.tsx
index 0fbba885..7d277c94 100644
--- a/src/components/card/travel/TravelCardBig.tsx
+++ b/src/components/card/travel/TravelCardBig.tsx
@@ -3,7 +3,7 @@
 import Image from 'next/image';
 import Location from '@/assets/location.svg';
 import ProfileICon from '@/assets/profile.svg';
-import { Travel } from '@/@types/travel';
+import { TravelCard } from '@/@types/travel';
 import { useMemo, useState } from 'react';
 import Link from 'next/link';
 import cn from '@/utils/cn';
@@ -17,25 +17,24 @@ import ProgressBar from '../../common/progressbar/ProgressBar';
 import ExpiredTag from '../../common/tag/ExpiredTag';
 import CheckMarkButton from '../../common/button/CheckMarkButton';
 
-interface Props extends Travel {
+interface Props extends TravelCard {
   closed?: boolean;
-  isBookmark: boolean | null;
 }
 
 const TravelCardBig = ({
   travelId,
   isDomestic,
   travelName,
-  location,
+  travelLocation,
   maxTravelMateCount,
   currentTravelMateCount,
   startAt,
   endAt,
-  image,
+  travelImage,
   closed,
-  isBookmark,
+  bookmarkFlag,
 }: Props) => {
-  const [isCheckedState, setIsCheckedState] = useState(isBookmark);
+  const [isCheckedState, setIsCheckedState] = useState(bookmarkFlag);
   const [animate, setAnimate] = useState(false);
 
   const progressRate = useMemo(
@@ -75,8 +74,8 @@ const TravelCardBig = ({
         })}
       >
         <Image
-          src={image}
-          alt={`${travelName} - ${location} 여행 이미지`}
+          src={travelImage}
+          alt={`${travelName} - ${travelLocation} 여행 이미지`}
           width={400}
           height={200}
           className="h-full w-full object-cover opacity-0 duration-300 ease-in-out"
@@ -112,7 +111,7 @@ const TravelCardBig = ({
           <div className="body-3-sb line-clamp-1 flex h-3.5 items-center divide-x divide-line-normal text-gray-500">
             <div className="body-3-sb flex flex-shrink-0 items-center gap-0.5 pr-1.5">
               <Location />
-              {location}
+              {travelLocation}
             </div>
             <div className="body-3-r flex items-center gap-0.5 px-1.5">
               <ProfileICon />
diff --git a/src/components/card/travel/TravelPlanCard.tsx b/src/components/card/travel/TravelPlanCard.tsx
index 4b7deeb9..00c09b14 100644
--- a/src/components/card/travel/TravelPlanCard.tsx
+++ b/src/components/card/travel/TravelPlanCard.tsx
@@ -3,7 +3,7 @@ import LocationIcon from '@/assets/location.svg';
 import Image from 'next/image';
 
 const TravelPlanCard = ({
-  image,
+  travelPlanImage,
   destination,
   description,
 }: Omit<TravelPlan, 'tripDay' | 'tripOrderNumber'>) => {
@@ -11,7 +11,7 @@ const TravelPlanCard = ({
     <div className="max-w-[546px] overflow-hidden rounded bg-background-alternative sm:flex sm:aspect-[538/130]">
       <div className="flex aspect-[249/100] h-[50%] w-full flex-shrink-0 overflow-hidden sm:h-full sm:w-[50%]">
         <Image
-          src={image}
+          src={travelPlanImage}
           alt={`${destination} 일정 이미지`}
           width={600}
           height={500}
diff --git a/src/components/main/weeklyTravel/WeeklyPopular.tsx b/src/components/main/weeklyTravel/WeeklyPopular.tsx
index 4ee35ab0..05d22297 100644
--- a/src/components/main/weeklyTravel/WeeklyPopular.tsx
+++ b/src/components/main/weeklyTravel/WeeklyPopular.tsx
@@ -1,10 +1,10 @@
 import TravelCardBig from '@/components/card/travel/TravelCardBig';
-import { Travel } from '@/@types/travel';
+import { TravelCard } from '@/@types/travel';
 import Link from 'next/link';
 import ButtonRounded from '@/components/common/button/ButtonRounded';
 import WeeklyHeader from './WeeklyHeader';
 
-const WeeklyPopular = ({ travelList }: { travelList: Travel[] }) => {
+const WeeklyPopular = ({ travelList }: { travelList: TravelCard[] }) => {
   if (travelList.length === 0) {
     return (
       <section className="m-auto flex h-96 flex-col justify-center gap-6 px-5 pb-8 pt-[50px] md:px-10 md:pb-12 xl:max-w-[1480px] xl:pb-16">
@@ -30,15 +30,15 @@ const WeeklyPopular = ({ travelList }: { travelList: Travel[] }) => {
             <TravelCardBig
               key={travel.travelId}
               travelId={travel.travelId}
-              image={travel.image}
+              travelImage={travel.travelImage}
               isDomestic={travel.isDomestic}
               travelName={travel.travelName}
-              location={travel.location}
+              travelLocation={travel.travelLocation}
               maxTravelMateCount={travel.maxTravelMateCount}
               currentTravelMateCount={travel.currentTravelMateCount}
               startAt={travel.startAt}
               endAt={travel.endAt}
-              isBookmark={travel.isBookmark}
+              bookmarkFlag={travel.bookmarkFlag}
             />
           ))}
       </div>
diff --git a/src/components/main/weeklyTravel/WeeklyPopularContainer.tsx b/src/components/main/weeklyTravel/WeeklyPopularContainer.tsx
index 0b217eef..3a7f93b7 100644
--- a/src/components/main/weeklyTravel/WeeklyPopularContainer.tsx
+++ b/src/components/main/weeklyTravel/WeeklyPopularContainer.tsx
@@ -13,6 +13,7 @@ const WeeklyPopularContainer = async () => {
     queryKey: QUERY_KEYS.TRAVEL.POPULAR_TRAVEL,
     queryFn: getPopularTravel,
   });
+
   return (
     <HydrationBoundary state={dehydrate(queryClient)}>
       <WeeklyPopular travelList={data.data} />
diff --git a/src/components/mypage/contents/content/myReview/Writable.tsx b/src/components/mypage/contents/content/myReview/Writable.tsx
index cf4efb9b..7778ee00 100644
--- a/src/components/mypage/contents/content/myReview/Writable.tsx
+++ b/src/components/mypage/contents/content/myReview/Writable.tsx
@@ -2,7 +2,6 @@ import { useState } from 'react';
 import TravelCard from '@/components/card/travel/TravelCard';
 import { checkTomorrow } from '@/utils/dateChangeKr';
 import Link from 'next/link';
-import { TravelList } from '@/@types/travel';
 import { useWritableTravel } from '@/queries/travel/useGetMyTravel';
 import Pagination from '@/components/common/pagination/Pagination';
 import HorizontalDivider from '@/components/common/divider/HorizontalDivider';
@@ -31,7 +30,7 @@ const Writable = () => {
     >
       {travels && travels.total > 0 ? (
         <div className="grid w-full gap-5 xl:grid-cols-2 xl:gap-6">
-          {travels.content.map((travel: TravelList) => (
+          {travels.content.map((travel) => (
             <div key={travel.travelId} className="relative">
               <TravelCard
                 key={travel.travelId}
@@ -40,11 +39,12 @@ const Writable = () => {
                 maxTravelMateCount={travel.maxTravelMateCount}
                 currentTravelMateCount={travel.currentTravelMateCount}
                 isDomestic={travel.isDomestic}
-                location={travel.location}
-                image={travel.image}
+                travelLocation={travel.travelLocation}
+                travelImage={travel.travelImage}
                 startAt={travel.startAt}
                 endAt={travel.endAt}
                 formattedStartDate={checkTomorrow(travel.startAt)}
+                bookmarkFlag
                 closed
               />
               <HorizontalDivider className="mt-5 xl:mt-6" />
diff --git a/src/components/mypage/contents/content/mySelfTravel/MySelfTravel.tsx b/src/components/mypage/contents/content/mySelfTravel/MySelfTravel.tsx
index 4711f812..c9c7c94e 100644
--- a/src/components/mypage/contents/content/mySelfTravel/MySelfTravel.tsx
+++ b/src/components/mypage/contents/content/mySelfTravel/MySelfTravel.tsx
@@ -3,7 +3,7 @@ import { useState } from 'react';
 import TravelCard from '@/components/card/travel/TravelCard';
 import Pagination from '@/components/common/pagination/Pagination';
 import { useMySelfTravel } from '@/queries/travel/useGetMyTravel';
-import { TravelList } from '@/@types/travel';
+import { TravelCard as TravelCardProps } from '@/@types/travel';
 import HorizontalDivider from '@/components/common/divider/HorizontalDivider';
 import MyTravelCardSkeleton from '@/components/mypage/skeleton/MyTravelCardSkeleton';
 import NoTravel from '../myTravel/NoTravel';
@@ -28,7 +28,7 @@ const MySelfTravel = () => {
     >
       {travels && travels.data.total > 0 ? (
         <div className="grid w-full gap-5 xl:grid-cols-2 xl:gap-6">
-          {travels.data.content.map((travel: TravelList) => (
+          {travels.data.content.map((travel: TravelCardProps) => (
             <div key={travel.travelId}>
               <TravelCard
                 key={travel.travelId}
@@ -37,10 +37,11 @@ const MySelfTravel = () => {
                 maxTravelMateCount={travel.maxTravelMateCount}
                 currentTravelMateCount={travel.currentTravelMateCount}
                 isDomestic={travel.isDomestic}
-                location={travel.location}
-                image={travel.image}
+                travelLocation={travel.travelLocation}
+                travelImage={travel.travelImage}
                 startAt={travel.startAt}
                 endAt={travel.endAt}
+                bookmarkFlag
                 formattedStartDate={checkTomorrow(travel.startAt)}
               />
               <HorizontalDivider className="mt-5 xl:mt-6" />
diff --git a/src/components/mypage/contents/content/myTravel/CheckedTravel.tsx b/src/components/mypage/contents/content/myTravel/CheckedTravel.tsx
index 4f7bb639..1e955064 100644
--- a/src/components/mypage/contents/content/myTravel/CheckedTravel.tsx
+++ b/src/components/mypage/contents/content/myTravel/CheckedTravel.tsx
@@ -3,7 +3,7 @@ import Pagination from '@/components/common/pagination/Pagination';
 import { checkTomorrow } from '@/utils/dateChangeKr';
 import { useState } from 'react';
 import { useCheckedTravel } from '@/queries/travel/useGetMyTravel';
-import { TravelList } from '@/@types/travel';
+import { TravelCard as TravelCardProps } from '@/@types/travel';
 import HorizontalDivider from '@/components/common/divider/HorizontalDivider';
 import MyTravelCardSkeleton from '@/components/mypage/skeleton/MyTravelCardSkeleton';
 import NoTravel from './NoTravel';
@@ -28,7 +28,7 @@ const CheckedTravel = () => {
     >
       {travels && travels.data.total > 0 ? (
         <div className="grid w-full gap-5 xl:grid-cols-2 xl:gap-6">
-          {travels.data.content.map((travel: TravelList) => (
+          {travels.data.content.map((travel: TravelCardProps) => (
             <div key={travel.travelId}>
               <TravelCard
                 key={travel.travelId}
@@ -37,13 +37,12 @@ const CheckedTravel = () => {
                 maxTravelMateCount={travel.maxTravelMateCount}
                 currentTravelMateCount={travel.currentTravelMateCount}
                 isDomestic={travel.isDomestic}
-                location={travel.location}
-                image={travel.image}
+                travelLocation={travel.travelLocation}
+                travelImage={travel.travelImage}
                 startAt={travel.startAt}
                 endAt={travel.endAt}
                 formattedStartDate={checkTomorrow(travel.startAt)}
-                checkMark
-                isChecked
+                bookmarkFlag
               />
               <HorizontalDivider className="mt-5 xl:mt-6" />
             </div>
diff --git a/src/components/mypage/contents/content/myTravel/PastTravel.tsx b/src/components/mypage/contents/content/myTravel/PastTravel.tsx
index 90de9e20..3e07cc59 100644
--- a/src/components/mypage/contents/content/myTravel/PastTravel.tsx
+++ b/src/components/mypage/contents/content/myTravel/PastTravel.tsx
@@ -3,7 +3,7 @@ import Pagination from '@/components/common/pagination/Pagination';
 import { checkTomorrow } from '@/utils/dateChangeKr';
 import { useState } from 'react';
 import { usePastTravel } from '@/queries/travel/useGetMyTravel';
-import { TravelList } from '@/@types/travel';
+import { TravelCard as TravelCardProps } from '@/@types/travel';
 import HorizontalDivider from '@/components/common/divider/HorizontalDivider';
 import MyTravelCardSkeleton from '@/components/mypage/skeleton/MyTravelCardSkeleton';
 import NoTravel from './NoTravel';
@@ -28,7 +28,7 @@ const PastTravel = () => {
     >
       {travels && travels.data.total > 0 ? (
         <div className="grid w-full gap-5 xl:grid-cols-2 xl:gap-6">
-          {travels.data.content.map((travel: TravelList) => (
+          {travels.data.content.map((travel: TravelCardProps) => (
             <div key={travel.travelId}>
               <TravelCard
                 key={travel.travelId}
@@ -37,11 +37,12 @@ const PastTravel = () => {
                 maxTravelMateCount={travel.maxTravelMateCount}
                 currentTravelMateCount={travel.currentTravelMateCount}
                 isDomestic={travel.isDomestic}
-                location={travel.location}
-                image={travel.image}
+                travelLocation={travel.travelLocation}
+                travelImage={travel.travelImage}
                 startAt={travel.startAt}
                 endAt={travel.endAt}
                 formattedStartDate={checkTomorrow(travel.startAt)}
+                bookmarkFlag
                 closed
               />
               <HorizontalDivider className="mt-5 xl:mt-6" />
diff --git a/src/components/travel/detail/TravelDetail.tsx b/src/components/travel/detail/TravelDetail.tsx
index 910e1ad6..fdce9102 100644
--- a/src/components/travel/detail/TravelDetail.tsx
+++ b/src/components/travel/detail/TravelDetail.tsx
@@ -1,11 +1,11 @@
 import TravelInformation from '@/components/travel/detail/information/TravelInformation';
-import { TravelDetail as TravelType } from '@/@types/travel';
+import { Travel } from '@/@types/travel';
 import dayjs from 'dayjs';
 import TravelDetailCategory from './TravelDetailCategory';
 import TravelImage from './image/TravelImage';
 import TravelButtons from './buttons/TravelButtons';
 
-const TravelDetail = ({ travelDetail }: { travelDetail: TravelType }) => {
+const TravelDetail = ({ travelDetail }: { travelDetail: Travel }) => {
   const organizer =
     travelDetail &&
     travelDetail.participant.find((part) => part.role === 'ORGANIZER');
@@ -17,7 +17,7 @@ const TravelDetail = ({ travelDetail }: { travelDetail: TravelType }) => {
         <article className="relative mb-32 grid gap-[22px] md:grid-cols-[1fr_1fr] md:px-10 xl:mb-24 xl:grid-cols-[652px_auto]">
           <TravelImage
             name={travelDetail.travelName}
-            image={travelDetail.image}
+            image={travelDetail.travelImage}
             endAt={travelDetail.endAt}
             registrationEnd={travelDetail.registrationEnd}
           />
diff --git a/src/components/travel/detail/TravelDetailCategory.tsx b/src/components/travel/detail/TravelDetailCategory.tsx
index 89831f14..32fb0a16 100644
--- a/src/components/travel/detail/TravelDetailCategory.tsx
+++ b/src/components/travel/detail/TravelDetailCategory.tsx
@@ -1,6 +1,6 @@
 'use client';
 
-import { Participant, TravelDetail } from '@/@types/travel';
+import { Participant, Travel } from '@/@types/travel';
 import React, { Suspense, useState } from 'react';
 import dayjs from 'dayjs';
 import SpinnerIcon from '@/assets/spinner_round.svg';
@@ -8,7 +8,7 @@ import TabTravelReview from './category/TabTravelReview';
 import TabTravelDetail from './category/TabTravelDetail';
 
 type Props = Pick<
-  TravelDetail,
+  Travel,
   | 'travelId'
   | 'hashTags'
   | 'description'
diff --git a/src/components/travel/detail/category/TabTravelItinerary.tsx b/src/components/travel/detail/category/TabTravelItinerary.tsx
index 69e2b41e..20ddc0d3 100644
--- a/src/components/travel/detail/category/TabTravelItinerary.tsx
+++ b/src/components/travel/detail/category/TabTravelItinerary.tsx
@@ -1,12 +1,12 @@
 'use client';
 
-import { TravelDetail } from '@/@types/travel';
+import { Travel } from '@/@types/travel';
 import ArrowDownIcon from '@/assets/arrow_down.svg';
 import { useState } from 'react';
 import { formatDateToShortWithDay } from '@/utils/dateChangeKr';
 import TravelPlanCard from '../../../card/travel/TravelPlanCard';
 
-type Props = Pick<TravelDetail, 'tripDuration' | 'travelPlan' | 'startAt'>;
+type Props = Pick<Travel, 'tripDuration' | 'travelPlan' | 'startAt'>;
 
 const TabTravelItinerary = ({ tripDuration, travelPlan, startAt }: Props) => {
   const [isOpen, setIsOpen] = useState<Set<number>>(new Set());
@@ -69,7 +69,7 @@ const TabTravelItinerary = ({ tripDuration, travelPlan, startAt }: Props) => {
                     <TravelPlanCard
                       // eslint-disable-next-line
                       key={`${plan.destination}${index}`}
-                      image={plan.image}
+                      travelPlanImage={plan.travelPlanImage}
                       destination={plan.destination}
                       description={plan.description}
                     />
diff --git a/src/components/travel/detail/category/TabTravelReview.tsx b/src/components/travel/detail/category/TabTravelReview.tsx
index 98baef2e..cb856b95 100644
--- a/src/components/travel/detail/category/TabTravelReview.tsx
+++ b/src/components/travel/detail/category/TabTravelReview.tsx
@@ -42,7 +42,7 @@ const TabTravelReview = ({ travelId }: { travelId: number }) => {
           {data &&
             data.pages.map((reviewList) =>
               reviewList.data.content.map((review) => (
-                <Link href={`/review/${review.id}`} key={review.id}>
+                <Link href={`/review/${review.reviewId}`} key={review.reviewId}>
                   <ReviewCardAddText
                     nickname={review.nickname}
                     reviewImage={review.reviewImage}
diff --git a/src/components/travel/detail/information/TravelInformation.tsx b/src/components/travel/detail/information/TravelInformation.tsx
index f43ed31b..42f9c565 100644
--- a/src/components/travel/detail/information/TravelInformation.tsx
+++ b/src/components/travel/detail/information/TravelInformation.tsx
@@ -2,14 +2,14 @@ import Profile from '@/assets/profile.svg';
 import Timeline from '@/assets/timeline.svg';
 import DateIcon from '@/assets/date.svg';
 import LocationIcon from '@/assets/location.svg';
-import { TravelDetail } from '@/@types/travel';
+import { Travel } from '@/@types/travel';
 import dayjs from 'dayjs';
 import { formatDateToShortWithDay } from '@/utils/dateChangeKr';
 import DomesticTag from '../../../common/tag/DomesticTag';
 import RecruitmentBox from './RecruitmentBox';
 
 type Props = Pick<
-  TravelDetail,
+  Travel,
   | 'travelName'
   | 'isDomestic'
   | 'minTravelMateCount'
diff --git a/src/components/travel/detail/reviewRate/ScoreBox.tsx b/src/components/travel/detail/reviewRate/ScoreBox.tsx
index 939fdbb1..b502f483 100644
--- a/src/components/travel/detail/reviewRate/ScoreBox.tsx
+++ b/src/components/travel/detail/reviewRate/ScoreBox.tsx
@@ -17,7 +17,7 @@ const ScoreBox = ({
     4: scoreFrequency.fourStarReviews,
     5: scoreFrequency.fiveStarReviews,
   };
-
+  const scores = Object.keys(fullScoreFrequency).map(Number);
   return (
     <div className="flex h-40 w-full flex-shrink-0 items-center justify-center gap-[18px] rounded border border-gray-100 px-3.5 py-5 md:gap-12">
       <div className="flex flex-col items-center gap-2">
@@ -28,7 +28,7 @@ const ScoreBox = ({
         <div className="relative flex">
           <StarRate score={averageScore} />
           <div className="absolute flex">
-            {[1, 2, 3, 4, 5].map((v) => (
+            {scores.map((v) => (
               <BlueStart key={`star-${v}`} className="text-label-disable" />
             ))}
           </div>
diff --git a/src/components/travel/list/TravelList.tsx b/src/components/travel/list/TravelList.tsx
index f5a10858..0ce84f06 100644
--- a/src/components/travel/list/TravelList.tsx
+++ b/src/components/travel/list/TravelList.tsx
@@ -4,7 +4,7 @@ import NoResult from '@/components/common/NoResult';
 import { useTravelListStore } from '@/store/useTravelListStore';
 import { useEffect } from 'react';
 import { useInView } from 'react-intersection-observer';
-import { checkTomorrow } from '@/utils/dateChangeKr';
+
 import useGetTravelsList from '@/queries/travel/useGetTravelsList';
 import { InitialFilters } from '@/@types/travel';
 import TravelCardBig from '@/components/card/travel/TravelCardBig';
@@ -64,16 +64,15 @@ const TravelList = () => {
             <TravelCardBig
               key={travel.travelId}
               travelId={travel.travelId}
-              image={travel.image}
+              travelImage={travel.travelImage}
               isDomestic={travel.isDomestic}
               travelName={travel.travelName}
-              location={travel.location}
+              travelLocation={travel.travelLocation}
               maxTravelMateCount={travel.maxTravelMateCount}
               currentTravelMateCount={travel.currentTravelMateCount}
               startAt={travel.startAt}
               endAt={travel.endAt}
-              formattedStartDate={checkTomorrow(travel.startAt)}
-              isBookmark={travel.isBookmark}
+              bookmarkFlag={travel.bookmarkFlag}
             />
           )),
         )}