From 69414d2f58c1e97dc35ebbb28f9c654d96dafc25 Mon Sep 17 00:00:00 2001
From: Hyeonjun0527 <osumaniaddict527@gmail.com>
Date: Sun, 1 Feb 2026 21:03:05 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20=EA=B0=81=EC=A2=85=20=EB=B2=84=EA=B7=B8?=
 =?UTF-8?q?=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

.
---
 next.config.ts                                |  14 ++-
 src/app/(service)/home/home-content.tsx       |  10 +-
 src/components/card/voting-card.tsx           |   2 +-
 src/components/home/tab-navigation.tsx        |  10 +-
 .../study-history/study-history-row.tsx       |  14 +--
 src/components/ui/avatar/index.tsx            |   2 +
 src/components/ui/profile-avatar.tsx          | 102 ------------------
 src/components/voting/voting-detail-view.tsx  |  60 ++++++++---
 .../user/ui/user-phone-number-copy-modal.tsx  |  34 ++++--
 .../study/interview/api/interview-types.ts    |   2 +
 .../archive/model/use-archive-actions.ts      |  12 ++-
 .../one-to-one/archive/ui/archive-filters.tsx |   4 +
 .../archive/ui/archive-tab-client.tsx         |   6 +-
 .../ui/hall-of-fame-tab-client.tsx            |  20 ++--
 .../schedule/ui/today-study-card.tsx          |  10 +-
 .../study/one-to-one/ui/one-on-one-page.tsx   |  14 +--
 src/types/hall-of-fame.ts                     |   6 +-
 17 files changed, 161 insertions(+), 161 deletions(-)
 delete mode 100644 src/components/ui/profile-avatar.tsx

diff --git a/next.config.ts b/next.config.ts
index fa0942f5..51ef58b3 100644
--- a/next.config.ts
+++ b/next.config.ts
@@ -1,4 +1,7 @@
 import type { NextConfig } from 'next';
+import type { RemotePattern } from 'next/dist/shared/lib/image-config';
+
+const isProd = process.env.NODE_ENV === 'production';
 
 const nextConfig: NextConfig = {
   // output: 'standalone',
@@ -31,7 +34,16 @@ const nextConfig: NextConfig = {
         hostname: 'www.zeroone.it.kr',
         pathname: '/**',
       },
-      // CMS 개발 환경에서 사용하는 이미지 도메인 허용 설정
+      ...(isProd
+        ? ([] as RemotePattern[])
+        : ([
+            {
+              protocol: 'http',
+              hostname: 'localhost',
+              port: '8080',
+              pathname: '/**',
+            },
+          ] as RemotePattern[])),
       {
         protocol: 'http',
         hostname: 'localhost',
diff --git a/src/app/(service)/home/home-content.tsx b/src/app/(service)/home/home-content.tsx
index b20f2849..47f639eb 100644
--- a/src/app/(service)/home/home-content.tsx
+++ b/src/app/(service)/home/home-content.tsx
@@ -5,18 +5,24 @@ import CommunityTab from '@/features/study/one-to-one/balance-game/ui/community-
 import HallOfFameTab from '@/features/study/one-to-one/hall-of-fame/ui/hall-of-fame-tab';
 import StudyHistoryTab from '@/features/study/one-to-one/history/ui/study-history-tab';
 import StudyTab from '@/features/study/one-to-one/schedule/ui/home-study-tab';
+import { getServerCookie } from '@/utils/server-cookie';
+import { isNumeric } from '@/utils/validation';
 
 interface HomeContentProps {
   activeTab: string;
 }
 
-export default function HomeContent({ activeTab }: HomeContentProps) {
+export default async function HomeContent({ activeTab }: HomeContentProps) {
+  const isHistoryTab = activeTab === 'history';
+  const memberIdStr = isHistoryTab ? await getServerCookie('memberId') : null;
+  const isLoggedIn = !!memberIdStr && isNumeric(memberIdStr);
+
   const renderTabContent = () => {
     switch (activeTab) {
       case 'study':
         return <StudyTab />;
       case 'history':
-        return <StudyHistoryTab />;
+        return isLoggedIn ? <StudyHistoryTab /> : <StudyTab />;
       case 'ranking':
         return <HallOfFameTab />;
       case 'archive':
diff --git a/src/components/card/voting-card.tsx b/src/components/card/voting-card.tsx
index 81b2b836..365e2eb1 100644
--- a/src/components/card/voting-card.tsx
+++ b/src/components/card/voting-card.tsx
@@ -90,7 +90,7 @@ export default function VotingCard({ voting, onClick }: VotingCardProps) {
         </p>
       )}
 
-      {/* 간단한 투표 결과 미리보기 (투표했을 때만) */}
+      {/* 간단한 투표 결과 미리보기 */}
       {hasVoted && (
         <div className="rounded-100 border-border-subtle bg-background-alternative mb-300 border p-300">
           <div className="font-designer-12b text-text-subtle mb-100">
diff --git a/src/components/home/tab-navigation.tsx b/src/components/home/tab-navigation.tsx
index 13a09619..5f791d13 100644
--- a/src/components/home/tab-navigation.tsx
+++ b/src/components/home/tab-navigation.tsx
@@ -8,7 +8,9 @@ import {
   History,
 } from 'lucide-react';
 import { useRouter, useSearchParams } from 'next/navigation';
+import { getCookie } from '@/api/client/cookie';
 import { cn } from '@/components/ui/(shadcn)/lib/utils';
+import { useAuth } from '@/hooks/common/use-auth';
 
 interface TabNavigationProps {
   activeTab: string;
@@ -50,6 +52,12 @@ const TABS = [
 export default function TabNavigation({ activeTab }: TabNavigationProps) {
   const router = useRouter();
   const searchParams = useSearchParams();
+  const { isAuthenticated } = useAuth();
+  const hasMemberId = !!getCookie('memberId');
+  const canViewHistory = isAuthenticated && hasMemberId;
+  const visibleTabs = canViewHistory
+    ? TABS
+    : TABS.filter((tab) => tab.id !== 'history');
 
   const handleTabChange = (tabId: string) => {
     const params = new URLSearchParams(searchParams.toString());
@@ -64,7 +72,7 @@ export default function TabNavigation({ activeTab }: TabNavigationProps) {
       </div>
 
       <nav className="border-border-subtle flex gap-100 border-b">
-        {TABS.map((tab) => {
+        {visibleTabs.map((tab) => {
           const Icon = tab.icon;
           const isActive = activeTab === tab.id;
 
diff --git a/src/components/study-history/study-history-row.tsx b/src/components/study-history/study-history-row.tsx
index 7f92e9fe..77186f2c 100644
--- a/src/components/study-history/study-history-row.tsx
+++ b/src/components/study-history/study-history-row.tsx
@@ -10,7 +10,7 @@ import {
   CheckCircle2,
 } from 'lucide-react';
 import { cn } from '@/components/ui/(shadcn)/lib/utils';
-import { ProfileAvatar } from '@/components/ui/profile-avatar';
+import UserAvatar from '@/components/ui/avatar';
 import UserProfileModal from '@/entities/user/ui/user-profile-modal';
 import { StudyHistoryItem } from '@/types/study-history';
 
@@ -43,10 +43,10 @@ export const StudyHistoryRow = ({ item }: { item: StudyHistoryItem }) => {
                 className="flex cursor-pointer items-center gap-100 transition-opacity hover:opacity-80"
                 onClick={(e) => e.stopPropagation()} // 행 클릭 이벤트(링크 이동) 방지
               >
-                <ProfileAvatar
-                  src={partner.profileImage || undefined}
+                <UserAvatar
+                  image={partner.profileImage || undefined}
                   alt={partner.name}
-                  size="sm"
+                  size={32}
                   className="h-8 w-8"
                 />
                 <span className="text-text-default truncate font-medium">
@@ -57,10 +57,10 @@ export const StudyHistoryRow = ({ item }: { item: StudyHistoryItem }) => {
           />
         ) : (
           <div className="text-text-subtlest flex items-center gap-100">
-            <ProfileAvatar
-              src={undefined}
+            <UserAvatar
+              image={undefined}
               alt="상대방 정보 없음"
-              size="sm"
+              size={32}
               className="h-8 w-8 opacity-60"
             />
             <span className="truncate font-medium">상대방 정보 없음</span>
diff --git a/src/components/ui/avatar/index.tsx b/src/components/ui/avatar/index.tsx
index f1192c46..caedac59 100644
--- a/src/components/ui/avatar/index.tsx
+++ b/src/components/ui/avatar/index.tsx
@@ -33,6 +33,8 @@ export default function Avatar({
     image.toUpperCase() !== 'LOCAL' &&
     (image.startsWith('http://') ||
       image.startsWith('https://') ||
+      image.startsWith('blob:') ||
+      image.startsWith('data:') ||
       image.startsWith('/'));
 
   const showImage = isValidImage && !isError;
diff --git a/src/components/ui/profile-avatar.tsx b/src/components/ui/profile-avatar.tsx
deleted file mode 100644
index d7bc122c..00000000
--- a/src/components/ui/profile-avatar.tsx
+++ /dev/null
@@ -1,102 +0,0 @@
-'use client';
-
-import Image from 'next/image';
-import React, { useEffect, useMemo, useState } from 'react';
-import { cn } from '@/components/ui/(shadcn)/lib/utils';
-
-interface ProfileAvatarProps {
-  src?: string | null;
-  alt: string;
-  size?: 'sm' | 'md' | 'lg' | 'xl';
-  className?: string;
-  name?: string;
-}
-
-export const ProfileAvatar = ({
-  src,
-  alt,
-  size = 'md',
-  className = '',
-  name,
-}: ProfileAvatarProps) => {
-  const px = { sm: 32, md: 48, lg: 80, xl: 120 }[size]; // 기존 명예의 전당 사이즈와 최대한 비슷하게 매핑 (sm:32px는 기존 row에 맞춤)
-  const effectiveAlt = alt || name || 'profile';
-
-  const imageCandidates = useMemo(() => {
-    if (!src || typeof src !== 'string') return [] as string[];
-    const s = src.trim();
-    if (!s) return [];
-    if (s.toUpperCase() === 'LOCAL' || s === 'null' || s === 'undefined')
-      return [];
-    if (s.toUpperCase().startsWith('LOCAL/')) {
-      const afterLocal = s.substring(6);
-      if (
-        afterLocal.startsWith('http://') ||
-        afterLocal.startsWith('https://')
-      ) {
-        return [afterLocal];
-      }
-
-      return [];
-    }
-
-    if (s.startsWith('http://') || s.startsWith('https://')) return [s];
-
-    const apiBase = process.env.NEXT_PUBLIC_API_BASE_URL?.replace(/\/$/, '');
-    const candidates: string[] = [];
-
-    const addCandidate = (path: string) => {
-      if (apiBase) candidates.push(`${apiBase}${path}`);
-      candidates.push(path);
-    };
-
-    if (s.startsWith('/')) {
-      addCandidate(s);
-
-      return candidates;
-    }
-
-    if (s.includes('/')) {
-      addCandidate(`/${s}`);
-
-      return candidates;
-    }
-
-    const filename = s;
-    addCandidate(`/${filename}`);
-    addCandidate(`/images/profile-image/${filename}`);
-    addCandidate(`/profile-image/${filename}`);
-    addCandidate(`/files/images/profile-image/${filename}`);
-    addCandidate(`/MEMBER_PROFILE_IMAGE/images/profile-image/${filename}`);
-
-    return candidates;
-  }, [src]);
-
-  const [candidateIndex, setCandidateIndex] = useState(0);
-
-  useEffect(() => {
-    setCandidateIndex(0);
-  }, [imageCandidates]);
-
-  const finalSrc = imageCandidates[candidateIndex] ?? '/profile-default.svg';
-
-  return (
-    <Image
-      src={finalSrc}
-      alt={effectiveAlt}
-      width={px}
-      height={px}
-      className={cn(
-        'bg-fill-neutral-default-default shadow-1 shrink-0 rounded-full object-cover',
-        className,
-      )}
-      loading="eager"
-      unoptimized
-      onError={() => {
-        setCandidateIndex((prev) =>
-          prev < imageCandidates.length ? prev + 1 : prev,
-        );
-      }}
-    />
-  );
-};
diff --git a/src/components/voting/voting-detail-view.tsx b/src/components/voting/voting-detail-view.tsx
index 6b19ba55..7740ee84 100644
--- a/src/components/voting/voting-detail-view.tsx
+++ b/src/components/voting/voting-detail-view.tsx
@@ -8,6 +8,7 @@ import {
   MoreVertical,
   Edit,
   Trash2,
+  Lock,
 } from 'lucide-react';
 import React, { useState, useEffect } from 'react';
 import CommentForm from '@/components/discussion/comment-form';
@@ -20,6 +21,7 @@ import DailyStatsChart from '@/components/voting/daily-stats-chart';
 import VoteResultsChart from '@/components/voting/vote-results-chart';
 import VoteTimer from '@/components/voting/vote-timer';
 import UserProfileModal from '@/entities/user/ui/user-profile-modal';
+import LoginModal from '@/features/auth/ui/login-modal';
 import {
   useVoteBalanceGameMutation,
   useCancelVoteBalanceGameMutation,
@@ -33,6 +35,7 @@ import {
   useBalanceGameDetailQuery,
   useBalanceGameCommentsQuery,
 } from '@/features/study/one-to-one/balance-game/model/use-balance-game-query';
+import { useAuth } from '@/hooks/common/use-auth';
 import { useUserStore } from '@/stores/useUserStore';
 import { BalanceGameComment } from '@/types/balance-game';
 import {
@@ -61,6 +64,7 @@ export default function VotingDetailView({
 
   // User Info
   const memberId = useUserStore((state) => state.memberId);
+  const { isAuthenticated } = useAuth();
 
   // Queries
   const {
@@ -109,6 +113,9 @@ export default function VotingDetailView({
     });
   }, [commentsData]);
 
+  const commentTotalCount =
+    commentsData?.pages?.[0]?.totalElements ?? comments.length;
+
   // isActive는 백엔드가 내려줄 수도 있고(권장), 없으면 endsAt 기준으로 프론트에서 계산
   // VoteTimer도 endsAt으로 "종료"를 판단하므로, 두 로직이 어긋나지 않게 맞춘다.
   const isActiveByEndsAt = React.useMemo(() => {
@@ -254,7 +261,7 @@ export default function VotingDetailView({
     isActive,
   });
 
-  const showVoteOptions = !hasVoted && isActive;
+  const showVoteOptions = isAuthenticated && !hasVoted && isActive;
 
   return (
     <div className="transition-all duration-300">
@@ -512,31 +519,50 @@ export default function VotingDetailView({
                 </button>
               )}
             </div>
-            <VoteResultsChart
-              options={votingOptions}
-              myVote={voting.myVote || undefined}
-              totalVotes={voting.totalVotes}
-            />
+            <div className="relative">
+              <div className={cn(!isAuthenticated && 'blur-[6px]')}>
+                <VoteResultsChart
+                  options={votingOptions}
+                  myVote={voting.myVote || undefined}
+                  totalVotes={voting.totalVotes}
+                />
+              </div>
+              {!isAuthenticated && (
+                <div className="absolute inset-0 flex items-center justify-center">
+                  <LoginModal
+                    openTrigger={
+                      <button className="rounded-100 bg-background-default/90 text-text-strong border-border-subtle flex items-center gap-100 border px-200 py-100 text-[12px] font-medium">
+                        <Lock className="h-3 w-3" />
+                        회원가입 후 결과 보기
+                      </button>
+                    }
+                  />
+                </div>
+              )}
+            </div>
           </>
         )}
       </div>
 
       {/* 일별 통계 (투표 후에만 표시) */}
-      {hasVoted && voting.dailyStats && voting.dailyStats.length > 0 && (
-        <div className="mb-500">
-          <DailyStatsChart
-            dailyStats={voting.dailyStats}
-            options={votingOptions}
-            myVote={voting.myVote || undefined}
-          />
-        </div>
-      )}
+      {isAuthenticated &&
+        hasVoted &&
+        voting.dailyStats &&
+        voting.dailyStats.length > 0 && (
+          <div className="mb-500">
+            <DailyStatsChart
+              dailyStats={voting.dailyStats}
+              options={votingOptions}
+              myVote={voting.myVote || undefined}
+            />
+          </div>
+        )}
 
       {/* 댓글 섹션 */}
       <div className="rounded-200 border-border-subtle bg-background-default shadow-1 border p-500">
         <div className="font-designer-16b text-text-strong mb-400 flex items-center gap-100">
           <MessageCircle className="h-5 w-5" />
-          <span>댓글 {voting.commentCount || 0}</span>
+          <span>댓글 {commentTotalCount}</span>
         </div>
 
         {/* 댓글 목록 (항상 표시) */}
@@ -564,7 +590,7 @@ export default function VotingDetailView({
         </div>
 
         {/* 댓글 작성 폼 */}
-        {isActive && (
+        {isAuthenticated && isActive && (
           <>
             {!hasVoted ? (
               <div className="rounded-200 border-border-subtle bg-background-alternative border p-400 text-center">
diff --git a/src/entities/user/ui/user-phone-number-copy-modal.tsx b/src/entities/user/ui/user-phone-number-copy-modal.tsx
index 058672cd..948920f4 100644
--- a/src/entities/user/ui/user-phone-number-copy-modal.tsx
+++ b/src/entities/user/ui/user-phone-number-copy-modal.tsx
@@ -5,9 +5,11 @@ import { Modal } from '@/components/ui/modal';
 export default function UserPhoneNumberCopyModal({
   trigger,
   phoneNumber,
+  realName,
 }: {
   trigger: React.ReactNode;
   phoneNumber: string;
+  realName?: string;
 }) {
   const handleCopy = async () => {
     try {
@@ -27,27 +29,43 @@ export default function UserPhoneNumberCopyModal({
         <Modal.Content size="small" className="w-full">
           <Modal.Header className="border-border-default flex justify-between border-b">
             <Modal.Title className="font-designer-20b text-text-strong">
-              전화하기
+              연락하기
             </Modal.Title>
             <Modal.Close>
               <XIcon />
             </Modal.Close>
           </Modal.Header>
 
-          <Modal.Body className="flex flex-col items-center gap-150 p-400">
-            <div className="border-border-default rounded-100 flex w-full justify-between rounded border py-150 pr-200 pl-250">
-              <span className="text-text-default font-designer-18m">
-                {phoneNumber}
-              </span>
+          <Modal.Body className="flex flex-col gap-300 p-400">
+            <div className="bg-background-alternative border-border-subtle rounded-150 flex items-center gap-200 border px-300 py-250">
+              <div className="flex min-w-0 flex-1 flex-col gap-50">
+                <div className="font-designer-16b text-text-strong truncate">
+                  {realName || '상대방'}
+                </div>
+                <div className="font-designer-13r text-text-subtle">
+                  스터디 파트너
+                </div>
+              </div>
+            </div>
+
+            <div className="border-border-default rounded-150 flex items-center justify-between gap-200 border px-300 py-250">
+              <div className="flex flex-col gap-50">
+                <span className="text-text-subtle text-[12px] font-medium">
+                  전화번호
+                </span>
+                <span className="text-text-default font-designer-18m tracking-wide">
+                  {phoneNumber}
+                </span>
+              </div>
 
               <Button size="medium" onClick={handleCopy}>
                 복사
               </Button>
             </div>
 
-            <span className="text-text-subtle font-designer-14r">
+            <div className="bg-fill-neutral-subtle-default rounded-100 text-text-subtle px-200 py-150 text-center text-[12px]">
               개인정보 보호를 위해 통화 시 주의해 주세요.
-            </span>
+            </div>
           </Modal.Body>
         </Modal.Content>
       </Modal.Portal>
diff --git a/src/features/study/interview/api/interview-types.ts b/src/features/study/interview/api/interview-types.ts
index 7556e251..b2b759eb 100644
--- a/src/features/study/interview/api/interview-types.ts
+++ b/src/features/study/interview/api/interview-types.ts
@@ -9,9 +9,11 @@ export interface DailyStudyDetail {
   dailyStudyId: number;
   interviewerId: number;
   interviewerName: string;
+  interviewerRealName?: string;
   interviewerImage: string;
   intervieweeId: number;
   intervieweeName: string;
+  intervieweeRealName?: string;
   intervieweeImage: string;
   partnerTel: string;
   studySpaceId: number;
diff --git a/src/features/study/one-to-one/archive/model/use-archive-actions.ts b/src/features/study/one-to-one/archive/model/use-archive-actions.ts
index badc8382..d8d581b3 100644
--- a/src/features/study/one-to-one/archive/model/use-archive-actions.ts
+++ b/src/features/study/one-to-one/archive/model/use-archive-actions.ts
@@ -2,41 +2,47 @@ import { useCallback } from 'react';
 import { useToggleArchiveBookmarkMutation } from '@/features/study/one-to-one/archive/model/use-bookmark-mutation';
 import { useToggleArchiveLikeMutation } from '@/features/study/one-to-one/archive/model/use-like-mutation';
 import { useRecordArchiveViewMutation } from '@/features/study/one-to-one/archive/model/use-view-mutation';
+import { useAuth } from '@/hooks/common/use-auth';
 interface ArchiveViewTarget {
   id: number;
   link: string;
 }
 
 export const useArchiveActions = () => {
+  const { isAuthenticated } = useAuth();
   const { mutate: toggleBookmark } = useToggleArchiveBookmarkMutation();
   const { mutate: toggleLike } = useToggleArchiveLikeMutation();
   const { mutate: recordView } = useRecordArchiveViewMutation();
 
   const handleToggleBookmark = useCallback(
     (id: number) => {
+      if (!isAuthenticated) return;
       toggleBookmark(id);
     },
-    [toggleBookmark],
+    [isAuthenticated, toggleBookmark],
   );
 
   const handleToggleLike = useCallback(
     (id: number) => {
+      if (!isAuthenticated) return;
       toggleLike(id);
     },
-    [toggleLike],
+    [isAuthenticated, toggleLike],
   );
 
   const openAndRecordView = useCallback(
     (target: ArchiveViewTarget) => {
       window.open(target.link, '_blank');
+      if (!isAuthenticated) return;
       recordView(target.id);
     },
-    [recordView],
+    [isAuthenticated, recordView],
   );
 
   return {
     toggleBookmark: handleToggleBookmark,
     toggleLike: handleToggleLike,
     openAndRecordView,
+    isAuthenticated,
   };
 };
diff --git a/src/features/study/one-to-one/archive/ui/archive-filters.tsx b/src/features/study/one-to-one/archive/ui/archive-filters.tsx
index bd82ddb4..658e922e 100644
--- a/src/features/study/one-to-one/archive/ui/archive-filters.tsx
+++ b/src/features/study/one-to-one/archive/ui/archive-filters.tsx
@@ -14,6 +14,7 @@ interface ArchiveFiltersProps {
   onSearchChange: (value: string) => void;
   showBookmarkedOnly: boolean;
   onToggleBookmarkedOnly: () => void;
+  isAuthenticated: boolean;
 }
 
 export default function ArchiveFilters({
@@ -25,6 +26,7 @@ export default function ArchiveFilters({
   onSearchChange,
   showBookmarkedOnly,
   onToggleBookmarkedOnly,
+  isAuthenticated,
 }: ArchiveFiltersProps) {
   const sortLabel =
     ARCHIVE_SORT_OPTIONS.find((option) => option.value === librarySort)
@@ -36,11 +38,13 @@ export default function ArchiveFilters({
         <div className="hide-scrollbar flex items-center gap-200 overflow-x-auto pb-100 md:pb-0">
           <button
             onClick={onToggleBookmarkedOnly}
+            disabled={!isAuthenticated}
             className={cn(
               'rounded-100 font-designer-14b flex items-center gap-50 border px-300 py-150 whitespace-nowrap transition-all',
               showBookmarkedOnly
                 ? 'bg-fill-brand-default-default text-text-inverse shadow-1 border-transparent'
                 : 'bg-background-default border-border-subtle text-text-subtle hover:border-border-brand hover:text-text-brand',
+              !isAuthenticated && 'cursor-not-allowed opacity-50',
             )}
           >
             <Bookmark
diff --git a/src/features/study/one-to-one/archive/ui/archive-tab-client.tsx b/src/features/study/one-to-one/archive/ui/archive-tab-client.tsx
index 275d5841..ea8c5758 100644
--- a/src/features/study/one-to-one/archive/ui/archive-tab-client.tsx
+++ b/src/features/study/one-to-one/archive/ui/archive-tab-client.tsx
@@ -72,7 +72,8 @@ export default function ArchiveTabClient({
     initialData: shouldUseInitialData ? initialData : undefined,
   });
 
-  const { toggleBookmark, toggleLike, openAndRecordView } = useArchiveActions();
+  const { toggleBookmark, toggleLike, openAndRecordView, isAuthenticated } =
+    useArchiveActions();
 
   const libraryItems = archiveData?.content || [];
   const totalPages = archiveData?.totalPages || 1;
@@ -80,6 +81,7 @@ export default function ArchiveTabClient({
   // Handler for Likes
   const handleLike = (e: React.MouseEvent, id: number) => {
     e.stopPropagation();
+    if (!isAuthenticated) return;
     toggleLike(id);
   };
 
@@ -89,6 +91,7 @@ export default function ArchiveTabClient({
 
   const handleLibraryBookmark = (e: React.MouseEvent, id: number) => {
     e.stopPropagation();
+    if (!isAuthenticated) return;
     toggleBookmark(id);
   };
 
@@ -116,6 +119,7 @@ export default function ArchiveTabClient({
         onToggleBookmarkedOnly={() =>
           setShowBookmarkedOnly(!showBookmarkedOnly)
         }
+        isAuthenticated={isAuthenticated}
       />
 
       {isLoading ? (
diff --git a/src/features/study/one-to-one/hall-of-fame/ui/hall-of-fame-tab-client.tsx b/src/features/study/one-to-one/hall-of-fame/ui/hall-of-fame-tab-client.tsx
index 63354486..98e66b7b 100644
--- a/src/features/study/one-to-one/hall-of-fame/ui/hall-of-fame-tab-client.tsx
+++ b/src/features/study/one-to-one/hall-of-fame/ui/hall-of-fame-tab-client.tsx
@@ -11,7 +11,7 @@ import {
 import Image from 'next/image';
 import React, { useState, useMemo } from 'react';
 import { cn } from '@/components/ui/(shadcn)/lib/utils';
-import { ProfileAvatar } from '@/components/ui/profile-avatar';
+import UserAvatar from '@/components/ui/avatar';
 import UserProfileModal from '@/entities/user/ui/user-profile-modal';
 import { useHallOfFameQuery } from '@/features/study/one-to-one/hall-of-fame/model/use-hall-of-fame-query';
 import type { HallOfFameData, Ranker, MVPTeam } from '@/types/hall-of-fame';
@@ -134,10 +134,13 @@ const MVPTeamCard = ({
                   memberId={member.userId}
                   trigger={
                     <div className="relative cursor-pointer transition-transform hover:-translate-y-50">
-                      <ProfileAvatar
-                        src={member.profileImage}
+                      <UserAvatar
+                        image={
+                          member.profileImage?.resizedImages?.[0]
+                            ?.resizedImageUrl ?? undefined
+                        }
                         alt={member.nickname}
-                        size="lg"
+                        size={80}
                         className="shadow-2 border-4 border-white"
                       />
                       <div className="border-border-subtle shadow-1 absolute -bottom-100 left-1/2 z-10 -translate-x-1/2 rounded-[9999px] border bg-white px-100 py-25 whitespace-nowrap">
@@ -197,10 +200,13 @@ const RankerListItem = ({ ranker }: { ranker: RankerWithLabel }) => {
             <RankBadge rank={ranker.rank} />
           </div>
 
-          <ProfileAvatar
-            src={ranker.profileImage}
+          <UserAvatar
+            image={
+              ranker.profileImage?.resizedImages?.[0]?.resizedImageUrl ??
+              undefined
+            }
             alt={ranker.nickname}
-            size="md"
+            size={48}
           />
 
           <div className="flex min-w-0 flex-1 flex-col">
diff --git a/src/features/study/one-to-one/schedule/ui/today-study-card.tsx b/src/features/study/one-to-one/schedule/ui/today-study-card.tsx
index fd5bf978..690049dd 100644
--- a/src/features/study/one-to-one/schedule/ui/today-study-card.tsx
+++ b/src/features/study/one-to-one/schedule/ui/today-study-card.tsx
@@ -31,6 +31,9 @@ export default function TodayStudyCard({ studyDate }: { studyDate: string }) {
     name: isInterviewee
       ? todayStudyData.interviewerName
       : todayStudyData.intervieweeName,
+    realName: isInterviewee
+      ? todayStudyData.interviewerRealName
+      : todayStudyData.intervieweeRealName,
     image: isInterviewee
       ? todayStudyData.interviewerImage
       : todayStudyData.intervieweeImage,
@@ -195,12 +198,14 @@ function IntervieweeStudyDetail({
 function PartnerInfo({
   id,
   name,
+  realName,
   image,
   phoneNumber,
   isInterviewee,
 }: {
   id: number;
   name: string;
+  realName?: string;
   image?: string;
   phoneNumber: string;
   isInterviewee: boolean;
@@ -230,15 +235,16 @@ function PartnerInfo({
       <div className="rounded-75 border-border-subtle font-designer-14m text-text-default flex h-[44px] w-[200px] border">
         <UserPhoneNumberCopyModal
           phoneNumber={phoneNumber}
+          realName={realName ?? name}
           trigger={
             <button className="border-r-border-subtle rounded-l-75 hover:bg-fill-neutral-subtle-hover flex flex-1 items-center gap-75 border-r py-75 pr-[10px] pl-150 transition">
               <Image
                 src="/icons/phone.svg"
-                alt="전화걸기"
+                alt="연락하기"
                 width={16}
                 height={16}
               />
-              전화걸기
+              연락하기
             </button>
           }
         />
diff --git a/src/features/study/one-to-one/ui/one-on-one-page.tsx b/src/features/study/one-to-one/ui/one-on-one-page.tsx
index 83f6cf78..44ac6eb1 100644
--- a/src/features/study/one-to-one/ui/one-on-one-page.tsx
+++ b/src/features/study/one-to-one/ui/one-on-one-page.tsx
@@ -26,7 +26,7 @@ import Image from 'next/image';
 import Link from 'next/link';
 import React, { useState, useEffect } from 'react';
 import { cn } from '@/components/ui/(shadcn)/lib/utils';
-import { ProfileAvatar } from '@/components/ui/profile-avatar';
+import UserAvatar from '@/components/ui/avatar';
 import UserProfileModal from '@/entities/user/ui/user-profile-modal';
 
 // ----------------------------------------------------------------------
@@ -283,10 +283,10 @@ const TopRankerCard = ({ ranker }: { ranker: Ranker }) => {
             </div>
           )}
 
-          <ProfileAvatar
-            src={ranker.profileImage}
+          <UserAvatar
+            image={ranker.profileImage || undefined}
             alt={ranker.nickname}
-            size={isFirst ? 'xl' : 'lg'}
+            size={isFirst ? 120 : 80}
             className={cn(
               'shadow-3 mb-300 border-4 border-white',
               isFirst && 'border-fill-brand-default-default',
@@ -866,10 +866,10 @@ export default function OneOnOnePage() {
                             </div>
 
                             <div className="col-span-6 flex items-center gap-300 md:col-span-5">
-                              <ProfileAvatar
-                                src={ranker.profileImage}
+                              <UserAvatar
+                                image={ranker.profileImage || undefined}
                                 alt={ranker.nickname}
-                                size="md"
+                                size={48}
                               />
                               <div className="flex min-w-0 flex-col gap-50">
                                 <div className="font-designer-18b text-text-strong group-hover:text-text-information truncate transition-colors">
diff --git a/src/types/hall-of-fame.ts b/src/types/hall-of-fame.ts
index 207ee707..4b543ca1 100644
--- a/src/types/hall-of-fame.ts
+++ b/src/types/hall-of-fame.ts
@@ -12,11 +12,13 @@ export interface Job {
   description?: string; // 설명 (예: "게임 개발자")
 }
 
+import type { ProfileImage } from '@/entities/user/api/types';
+
 export interface Ranker {
   rank: number;
   userId: number;
   nickname: string;
-  profileImage: string | null;
+  profileImage: ProfileImage | null;
   score: number;
   sincerity: number | null;
   major: string;
@@ -34,7 +36,7 @@ export interface Rankings {
 export interface MVPTeamMember {
   userId: number;
   nickname: string;
-  profileImage: string | null;
+  profileImage: ProfileImage | null;
 }
 
 export interface SharedLink {