diff --git a/packages/hello-gsm-admin/src/components/Apply/ApplyPostModal/index.tsx b/packages/hello-gsm-admin/src/components/Apply/ApplyPostModal/index.tsx
index 512e082b7..56817c447 100644
--- a/packages/hello-gsm-admin/src/components/Apply/ApplyPostModal/index.tsx
+++ b/packages/hello-gsm-admin/src/components/Apply/ApplyPostModal/index.tsx
@@ -3,7 +3,7 @@ import React from 'react';
 import useApplyStore from 'Stores/ApplyStoreContainer';
 import * as S from './style';
 
-const ApplyPostModal: React.FC = () => {
+const ApplyPostModal = () => {
   const { showApplyPostModal } = useApplyStore();
 
   return (
diff --git a/packages/hello-gsm-admin/src/components/Apply/DepartmentModal/index.tsx b/packages/hello-gsm-admin/src/components/Apply/DepartmentModal/index.tsx
index bf588cbf7..101c566ee 100644
--- a/packages/hello-gsm-admin/src/components/Apply/DepartmentModal/index.tsx
+++ b/packages/hello-gsm-admin/src/components/Apply/DepartmentModal/index.tsx
@@ -3,7 +3,7 @@ import React from 'react';
 import useApplyStore from 'Stores/ApplyStoreContainer';
 import * as S from './style';
 
-const DepartmentModal: React.FC = () => {
+const DepartmentModal = () => {
   const {
     showDepartmentModal,
     setShowDepartmentModal,
diff --git a/packages/hello-gsm-admin/src/components/Apply/FindAddressModal/index.tsx b/packages/hello-gsm-admin/src/components/Apply/FindAddressModal/index.tsx
index 1f02500e0..b968e4e6a 100644
--- a/packages/hello-gsm-admin/src/components/Apply/FindAddressModal/index.tsx
+++ b/packages/hello-gsm-admin/src/components/Apply/FindAddressModal/index.tsx
@@ -4,7 +4,7 @@ import DaumPostcode from 'react-daum-postcode';
 import { css, Global } from '@emotion/react';
 import useApplyStore from 'Stores/ApplyStoreContainer';
 
-const FindAddressModal: React.FC = () => {
+const FindAddressModal = () => {
   const { showFindAddressModal, setShowFindAddressModal, setApplicantAddress } =
     useApplyStore();
 
diff --git a/packages/hello-gsm-admin/src/components/Apply/FindSchoolModal/index.tsx b/packages/hello-gsm-admin/src/components/Apply/FindSchoolModal/index.tsx
index 1bf09542f..33c2fec73 100644
--- a/packages/hello-gsm-admin/src/components/Apply/FindSchoolModal/index.tsx
+++ b/packages/hello-gsm-admin/src/components/Apply/FindSchoolModal/index.tsx
@@ -18,7 +18,7 @@ interface schoolType {
   SCHUL_KND_SC_NM: '고등학교' | '중학교' | '초등학교';
 }
 
-const FindSchoolModal: React.FC = () => {
+const FindSchoolModal = () => {
   const {
     showFindSchoolModal,
     setShowFindSchoolModal,
diff --git a/packages/hello-gsm-admin/src/components/MainpageHeader/index.tsx b/packages/hello-gsm-admin/src/components/MainpageHeader/index.tsx
index 8f03b8260..49362ea35 100644
--- a/packages/hello-gsm-admin/src/components/MainpageHeader/index.tsx
+++ b/packages/hello-gsm-admin/src/components/MainpageHeader/index.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import * as S from './style';
 
-const MainpageHeader: React.FC = () => {
+const MainpageHeader = () => {
   const headerElement = [
     '지원자 번호',
     '서류여부',
diff --git a/packages/hello-gsm-admin/src/components/Modal/ModalSubmit/index.tsx b/packages/hello-gsm-admin/src/components/Modal/ModalSubmit/index.tsx
index ee4f7f0ef..db8313172 100644
--- a/packages/hello-gsm-admin/src/components/Modal/ModalSubmit/index.tsx
+++ b/packages/hello-gsm-admin/src/components/Modal/ModalSubmit/index.tsx
@@ -5,7 +5,11 @@ import * as S from './style';
 import useStore from 'Stores/StoreContainer';
 import { CommonApplicationResponseType } from 'type/application';
 
-const ModalSubmit = ({ data }: { data: CommonApplicationResponseType }) => {
+interface ModalSubmitProps {
+  data: CommonApplicationResponseType;
+}
+
+const ModalSubmit: React.FC<ModalSubmitProps> = ({ data }) => {
   const { setSelectedOption, selectedOption } = useStore();
   useEffect(() => {
     setSelectedOption(data.isPrintsArrived ? 1 : 2);
diff --git a/packages/hello-gsm-admin/src/components/SideBar/index.tsx b/packages/hello-gsm-admin/src/components/SideBar/index.tsx
index f4e349edd..13a3dfe52 100644
--- a/packages/hello-gsm-admin/src/components/SideBar/index.tsx
+++ b/packages/hello-gsm-admin/src/components/SideBar/index.tsx
@@ -5,7 +5,7 @@ import auth from 'Api/auth';
 import { useRouter } from 'next/router';
 import { css } from '@emotion/react';
 
-const SlideBar: React.FC = () => {
+const SlideBar = () => {
   const { push, pathname } = useRouter();
   return (
     <S.SideBar className="sideBar">
diff --git a/packages/hello-gsm/src/components/BubbleButton/index.tsx b/packages/hello-gsm/src/components/BubbleButton/index.tsx
index e27b14dd0..6e3b942f3 100644
--- a/packages/hello-gsm/src/components/BubbleButton/index.tsx
+++ b/packages/hello-gsm/src/components/BubbleButton/index.tsx
@@ -6,7 +6,7 @@ interface BubbleButtonProps {
   children: React.ReactNode;
 }
 
-const BubbleButton = ({ children, link }: BubbleButtonProps) => {
+const BubbleButton: React.FC<BubbleButtonProps> = ({ children, link }) => {
   return (
     <Link href={link} passHref>
       <S.ToCalculator>{children}</S.ToCalculator>
diff --git a/packages/hello-gsm/src/components/Common/Header/index.tsx b/packages/hello-gsm/src/components/Common/Header/index.tsx
index e0fc3df1d..5c0802169 100644
--- a/packages/hello-gsm/src/components/Common/Header/index.tsx
+++ b/packages/hello-gsm/src/components/Common/Header/index.tsx
@@ -10,7 +10,7 @@ import { SideBar } from 'components';
 import { toast } from 'react-toastify';
 import { isFinalEnd } from 'shared/Date/afterApply';
 
-const Header: React.FC = () => {
+const Header = () => {
   const { pathname } = useRouter();
   const [isLogoutClicked, setIsLogoutClicked] = useState<boolean>(false);
   const [isFinalPeriod, setIsFinalPeriod] = useState<boolean>(isFinalEnd);
diff --git a/packages/hello-gsm/src/components/Enterprises/index.tsx b/packages/hello-gsm/src/components/Enterprises/index.tsx
index ce0c068fd..14800d5cf 100644
--- a/packages/hello-gsm/src/components/Enterprises/index.tsx
+++ b/packages/hello-gsm/src/components/Enterprises/index.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 import * as S from './style';
 import { css } from '@emotion/react';
 
-const Enterprises: React.FC = () => {
+const Enterprises = () => {
   const enterprises = [
     [
       '/Enterprises/Hancom.jpg',
diff --git a/packages/hello-gsm/src/components/Modals/ApplyPostModal/index.tsx b/packages/hello-gsm/src/components/Modals/ApplyPostModal/index.tsx
index efe477cba..6a1526884 100644
--- a/packages/hello-gsm/src/components/Modals/ApplyPostModal/index.tsx
+++ b/packages/hello-gsm/src/components/Modals/ApplyPostModal/index.tsx
@@ -3,7 +3,7 @@ import React from 'react';
 import useStore from 'Stores/StoreContainer';
 import * as S from './style';
 
-const ApplyPostModal: React.FC = () => {
+const ApplyPostModal = () => {
   const { showApplyPostModal } = useStore();
 
   return (
diff --git a/packages/hello-gsm/src/components/Modals/DepartmentModal/index.tsx b/packages/hello-gsm/src/components/Modals/DepartmentModal/index.tsx
index 02ba7bb6e..f1b34b264 100644
--- a/packages/hello-gsm/src/components/Modals/DepartmentModal/index.tsx
+++ b/packages/hello-gsm/src/components/Modals/DepartmentModal/index.tsx
@@ -3,7 +3,7 @@ import React from 'react';
 import useStore from 'Stores/StoreContainer';
 import * as S from './style';
 
-const DepartmentModal: React.FC = () => {
+const DepartmentModal = () => {
   const {
     showDepartmentModal,
     setShowDepartmentModal,
diff --git a/packages/hello-gsm/src/components/Modals/FindAddressModal/index.tsx b/packages/hello-gsm/src/components/Modals/FindAddressModal/index.tsx
index 4897acd94..d72843f14 100644
--- a/packages/hello-gsm/src/components/Modals/FindAddressModal/index.tsx
+++ b/packages/hello-gsm/src/components/Modals/FindAddressModal/index.tsx
@@ -4,7 +4,7 @@ import DaumPostcode from 'react-daum-postcode';
 import { css, Global } from '@emotion/react';
 import useStore from 'Stores/StoreContainer';
 
-const FindAddressModal: React.FC = () => {
+const FindAddressModal = () => {
   const { showFindAddressModal, setShowFindAddressModal, setApplicantAddress } =
     useStore();
 
diff --git a/packages/hello-gsm/src/components/Modals/FindSchoolModal/index.tsx b/packages/hello-gsm/src/components/Modals/FindSchoolModal/index.tsx
index d0cbd4cf8..11a69af2f 100644
--- a/packages/hello-gsm/src/components/Modals/FindSchoolModal/index.tsx
+++ b/packages/hello-gsm/src/components/Modals/FindSchoolModal/index.tsx
@@ -18,7 +18,7 @@ interface schoolType {
   SCHUL_KND_SC_NM: '고등학교' | '중학교' | '초등학교';
 }
 
-const FindSchoolModal: React.FC = () => {
+const FindSchoolModal = () => {
   const {
     showFindSchoolModal,
     setShowFindSchoolModal,
diff --git a/packages/hello-gsm/src/components/Modals/MainNonLoginModal/index.tsx b/packages/hello-gsm/src/components/Modals/MainNonLoginModal/index.tsx
index 2f01e8453..3e9a96c13 100644
--- a/packages/hello-gsm/src/components/Modals/MainNonLoginModal/index.tsx
+++ b/packages/hello-gsm/src/components/Modals/MainNonLoginModal/index.tsx
@@ -3,7 +3,7 @@ import React from 'react';
 import * as S from './style';
 import useStore from 'Stores/StoreContainer';
 
-const MainNonLoginModal: React.FC = () => {
+const MainNonLoginModal = () => {
   const { setShowMainNonLoginModal } = useStore();
 
   const invisible = () => {
diff --git a/packages/hello-gsm/src/components/Modals/MypageModal/index.tsx b/packages/hello-gsm/src/components/Modals/MypageModal/index.tsx
index d83cebbf6..4d8d4771e 100644
--- a/packages/hello-gsm/src/components/Modals/MypageModal/index.tsx
+++ b/packages/hello-gsm/src/components/Modals/MypageModal/index.tsx
@@ -5,7 +5,7 @@ import { css } from '@emotion/react';
 import application from 'Api/application';
 import { useRouter } from 'next/router';
 import Link from 'next/link';
-const MypageModal: React.FC = () => {
+const MypageModal = () => {
   const { setShowMypageModal, mypageModalContent, setShowMypageSuccessModal } =
     useStore();
 
diff --git a/packages/hello-gsm/src/components/Modals/MypageSuccessModal/index.tsx b/packages/hello-gsm/src/components/Modals/MypageSuccessModal/index.tsx
index b8d9ea8fa..f41829f35 100644
--- a/packages/hello-gsm/src/components/Modals/MypageSuccessModal/index.tsx
+++ b/packages/hello-gsm/src/components/Modals/MypageSuccessModal/index.tsx
@@ -2,7 +2,7 @@ import * as S from './style';
 import * as I from 'Assets/svg';
 import React, { useEffect } from 'react';
 
-const SuccessModal: React.FC = () => {
+const SuccessModal = () => {
   useEffect(() => {
     setTimeout(() => {
       window.location.reload();
diff --git a/packages/hello-gsm/src/components/Modals/SignUpResultModal/index.tsx b/packages/hello-gsm/src/components/Modals/SignUpResultModal/index.tsx
index a44470cd7..b8ca64117 100644
--- a/packages/hello-gsm/src/components/Modals/SignUpResultModal/index.tsx
+++ b/packages/hello-gsm/src/components/Modals/SignUpResultModal/index.tsx
@@ -1,7 +1,7 @@
 import * as S from './style';
 import * as I from 'Assets/svg';
 
-const SignUpResultModal: React.FC = () => {
+const SignUpResultModal = () => {
   return (
     <S.Background>
       <I.SignUpSuccess />