diff --git a/src/components/common/loading-animation.tsx b/src/components/common/loading-animation.tsx
index 4f5c0a7f..3f7a6770 100644
--- a/src/components/common/loading-animation.tsx
+++ b/src/components/common/loading-animation.tsx
@@ -1,26 +1,27 @@
 'use client';
 
 import React from 'react';
-import Lottie from 'lottie-react';
+import dynamic from 'next/dynamic';
+import clsx from 'clsx';
 import Loading from '@/lottie/loading.json';
 import BlackLoading from '@/lottie/black-loading.json';
-import clsx from 'clsx';
+
+const Lottie = dynamic(() => import('lottie-react'), { ssr: false });
 
 type Props = {
   className?: string;
   option?: 'default' | 'black';
 };
 
-const LoadingAnimation = ({ className, option = 'default' }: Props) => {
-  return (
-    <div className='flex h-full w-full items-center justify-center'>
-      {option === 'black' ? (
-        <Lottie animationData={BlackLoading} loop={Infinity} autoplay={true} className={clsx('w-full', className)} />
-      ) : (
-        <Lottie animationData={Loading} loop={Infinity} autoplay={true} className={clsx('w-full', className)} />
-      )}
-    </div>
-  );
-};
+const LoadingAnimation = ({ className, option = 'default' }: Props) => (
+  <div className='flex h-full w-full items-center justify-center'>
+    <Lottie
+      animationData={option === 'black' ? BlackLoading : Loading}
+      loop
+      autoplay
+      className={clsx('w-full', className)}
+    />
+  </div>
+);
 
 export default LoadingAnimation;
diff --git a/src/components/common/lottie-animation.tsx b/src/components/common/lottie-animation.tsx
index c3db1e43..41f2da48 100644
--- a/src/components/common/lottie-animation.tsx
+++ b/src/components/common/lottie-animation.tsx
@@ -1,8 +1,10 @@
 'use client';
 
 import React, { forwardRef, useImperativeHandle, useRef, useEffect } from 'react';
-import Lottie, { LottieRefCurrentProps } from 'lottie-react';
+import { LottieRefCurrentProps } from 'lottie-react';
 import clsx from 'clsx';
+import dynamic from 'next/dynamic';
+const Lottie = dynamic(() => import('lottie-react'), { ssr: false });
 
 // 부모가 사용할 메서드 타입에 속도 제어 및 활성화 재생 추가
 export type LottieHandle = {
diff --git a/src/types/interview.ts b/src/types/interview.ts
deleted file mode 100644
index 61f74830..00000000
--- a/src/types/interview.ts
+++ /dev/null
@@ -1 +0,0 @@
-export type InterviewType = 'pressure' | 'calm';
diff --git a/src/types/job-posting.ts b/src/types/job-posting.ts
deleted file mode 100644
index 9b4fb59f..00000000
--- a/src/types/job-posting.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import { JsonValue } from 'next-auth/adapters';
-
-export type JobPosting = {
-  experienceType: string;
-  educationLevel: string;
-  jobType: string;
-  id: number;
-  title: string;
-  company: string;
-  location: JsonValue;
-  url: string;
-  employmentType: string;
-  postedAt: Date;
-  expiredAt: Date;
-  createdAt: Date;
-};
diff --git a/src/types/user.ts b/src/types/user.ts
deleted file mode 100644
index 5824e79a..00000000
--- a/src/types/user.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-export type User = {
-  email?: string;
-  id?: string;
-  image?: string;
-  name?: string;
-};