diff --git a/src/frontend/src/components/common/AuthDateInput/styles.ts b/src/frontend/src/components/common/AuthDateInput/styles.ts
index 8313ef70..97148ba0 100644
--- a/src/frontend/src/components/common/AuthDateInput/styles.ts
+++ b/src/frontend/src/components/common/AuthDateInput/styles.ts
@@ -2,6 +2,8 @@ import styled from 'styled-components';
 
 import { SmallText } from '@/styles/Typography';
 
+import { DescriptionType } from '../AuthInput';
+
 export const DateInputContainer = styled.div`
   display: flex;
   flex-direction: column;
diff --git a/src/frontend/src/components/guild/GuildCategoriesList/index.tsx b/src/frontend/src/components/guild/GuildCategoriesList/index.tsx
index 130ab5d5..6988d7ec 100644
--- a/src/frontend/src/components/guild/GuildCategoriesList/index.tsx
+++ b/src/frontend/src/components/guild/GuildCategoriesList/index.tsx
@@ -5,7 +5,7 @@ import { TbPlus } from 'react-icons/tb';
 import { GuildChannelInfo, useChannelInfoStore } from '@/stores/channelInfo';
 import { useGuildInfoStore } from '@/stores/guildInfo';
 import useModalStore from '@/stores/modalStore';
-import { BodyMediumText, BodyRegularText, ChipText } from '@/styles/Typography';
+import { BodyRegularText, ChipText } from '@/styles/Typography';
 import { CategoryDataResult, ChannelResult, ChannelType } from '@/types/guilds';
 
 import CreateChannelModal from '../CreateChannelModal';
diff --git a/src/frontend/src/pages/FriendsPage/components/ChattingSection/components/MessageItem/index.tsx b/src/frontend/src/pages/FriendsPage/components/ChattingSection/components/MessageItem/index.tsx
index 8126d576..11947cec 100644
--- a/src/frontend/src/pages/FriendsPage/components/ChattingSection/components/MessageItem/index.tsx
+++ b/src/frontend/src/pages/FriendsPage/components/ChattingSection/components/MessageItem/index.tsx
@@ -1,4 +1,4 @@
-import { useEffect, useRef, useState } from 'react';
+import { useEffect, useState } from 'react';
 import { FiEdit2, FiTrash2 } from 'react-icons/fi';
 
 import ChatTextarea from '../ChatTextarea';
diff --git a/src/frontend/src/pages/FriendsPage/components/ChattingSection/components/MessageSection/index.tsx b/src/frontend/src/pages/FriendsPage/components/ChattingSection/components/MessageSection/index.tsx
index 181908b5..28fbf6c0 100644
--- a/src/frontend/src/pages/FriendsPage/components/ChattingSection/components/MessageSection/index.tsx
+++ b/src/frontend/src/pages/FriendsPage/components/ChattingSection/components/MessageSection/index.tsx
@@ -6,7 +6,7 @@ import { MdEmojiEmotions } from 'react-icons/md';
 import ChatTextarea from '../ChatTextarea';
 import MessageItem from '../MessageItem';
 
-import useChat, { ChatMessage } from './hooks/useChat';
+import useChat from './hooks/useChat';
 import useChatTextarea from './hooks/useChatTextarea';
 import * as S from './styles';
 
@@ -16,38 +16,7 @@ interface MessageSectionProps {
 
 const MessageSection = ({ channelId }: MessageSectionProps) => {
   const { messages, sendMessage } = useChat({ channelId });
-  const MOCKDATA: ChatMessage[] = [
-    {
-      profileImage: '',
-      channelId,
-      name: '철민',
-      content: '테스트용 메시지',
-    },
-    {
-      profileImage: '',
-      channelId,
-      name: '철민',
-      content: '테스트용 메시지테스트용 메시지테스트용 메시지테스트용 메시지',
-    },
-    {
-      profileImage: '',
-      channelId,
-      name: '철민',
-      content: '테스트용 메시지테스트용 메시지',
-    },
-    {
-      profileImage: '',
-      channelId,
-      name: '철민',
-      content: '테스트용 메시지테스트용 메시지테스트용 메시지테스트용 메시지테스트용 메시지테스트용 메시지',
-    },
-    {
-      profileImage: '',
-      channelId,
-      name: '철민',
-      content: '테스트용 메시지테스트용 메시지테스트용 메시지테스트용 메시지테스트용 메시지',
-    },
-  ];
+
   // TODO: 이전 채팅 기록 불러오는 로직 추가 예정
   const { chatInput, textareaRef, handleTextareaChange, handleKeyDown } = useChatTextarea({
     sendMessage,
@@ -81,7 +50,7 @@ const MessageSection = ({ channelId }: MessageSectionProps) => {
     <S.MessageSection>
       <S.MessageContainer>
         <S.MessageItemList>
-          {MOCKDATA.map((message, index) => (
+          {messages.map((message, index) => (
             <MessageItem
               key={`${index}_${message.content}`}
               sentUserProfileUrl={message.profileImage}
diff --git a/src/frontend/src/pages/LoginPage/styles.ts b/src/frontend/src/pages/LoginPage/styles.ts
index 751a841c..89addc41 100644
--- a/src/frontend/src/pages/LoginPage/styles.ts
+++ b/src/frontend/src/pages/LoginPage/styles.ts
@@ -1,5 +1,5 @@
 import { motion } from 'motion/react';
-import styled, { keyframes } from 'styled-components';
+import styled from 'styled-components';
 
 import {
   BodyMediumText,
diff --git a/src/frontend/src/pages/RegisterPage/components/AuthCodeModal/index.tsx b/src/frontend/src/pages/RegisterPage/components/AuthCodeModal/index.tsx
index 48ec6246..01e99d6f 100644
--- a/src/frontend/src/pages/RegisterPage/components/AuthCodeModal/index.tsx
+++ b/src/frontend/src/pages/RegisterPage/components/AuthCodeModal/index.tsx
@@ -1,5 +1,5 @@
 import { useState } from 'react';
-import { replace, useNavigate } from 'react-router-dom';
+import { useNavigate } from 'react-router-dom';
 
 import { postAuthCode } from '@/api/users';
 import Modal from '@/components/common/Modal';