fix(type): type import로 변경

components/artwork/ArtworkCommentList.tsx

@@ -2,7 +2,7 @@ import { useState } from "react";
 import { useRouter } from "next/router";
 import { toast } from "react-toastify";
 import { useQueryClient } from "@tanstack/react-query";
-import { Artwork } from "@/types/artwork.interface";
+import type { Artwork } from "@/types/artwork.interface";
 import httpClient from "@/apis";
 import useAuthUser from "@/hooks/useAuthUser";
 import KEY from "@/key";

components/artwork/ArtworkDetail.tsx

@@ -1,4 +1,4 @@
-import { Artwork } from "@/types/artwork.interface";
+import type { Artwork } from "@/types/artwork.interface";
 import { toast } from "react-toastify";
 import { CopyToClipboard } from "react-copy-to-clipboard";
 import { useRouter } from "next/router";

components/artwork/ArtworkPlayer.tsx

@@ -1,4 +1,4 @@
-import { Artwork } from "@/types/artwork.interface";
+import type { Artwork } from "@/types/artwork.interface";
 import Image from "next/image";
 import * as S from "./ArtworkPlayer.style";
 

components/artwork/Comment.tsx

@@ -1,4 +1,4 @@
-import { Artwork, Comment } from "@/types/artwork.interface";
+import type { Artwork, Comment } from "@/types/artwork.interface";
 import styled from "styled-components";
 import { useReducer, useRef, useState } from "react";
 import { useQueryClient } from "@tanstack/react-query";

components/atoms/Artwork.tsx

@@ -1,6 +1,6 @@
 import { toast } from "react-toastify";
 import { useQueryClient } from "@tanstack/react-query";
-import { Artwork } from "@/types/artwork.interface";
+import type { Artwork } from "@/types/artwork.interface";
 import config from "@/config";
 import { useState } from "react";
 import KEY from "@/key";

components/atoms/ArtworkList.tsx

@@ -2,8 +2,8 @@ import { useInView } from "react-intersection-observer";
 import styled from "styled-components";
 import { useEffect } from "react";
 import theme from "@/styles/theme";
-import { FetchNextPageType } from "@/types/common.interface";
-import { Artwork } from "@/types/artwork.interface";
+import type { FetchNextPageType } from "@/types/common.interface";
+import type { Artwork } from "@/types/artwork.interface";
 import ButtonList from "../app/ButtonList";
 import ArtworkView from "./Artwork";
 import * as S from "./Artwork.style";

components/atoms/Button.style.ts

@@ -1,5 +1,5 @@
 import theme from "@/styles/theme";
-import { Varient } from "@/types/atoms.interface";
+import type { Varient } from "@/types/atoms.interface";
 import styled from "styled-components";
 
 interface StyledButtonProps {

components/atoms/Button.tsx

@@ -1,4 +1,4 @@
-import { Varient } from "@/types/atoms.interface";
+import type { Varient } from "@/types/atoms.interface";
 import { ButtonHTMLAttributes, MouseEventHandler, ReactNode } from "react";
 import * as S from "./Button.style";
 

components/atoms/Input.style.ts

@@ -1,5 +1,5 @@
 import theme from "@/styles/theme";
-import { Varient } from "@/types/atoms.interface";
+import type { Varient } from "@/types/atoms.interface";
 import styled from "styled-components";
 
 interface InputProps {

components/atoms/Input.tsx

@@ -1,4 +1,4 @@
-import { Varient } from "@/types/atoms.interface";
+import type { Varient } from "@/types/atoms.interface";
 import { InputHTMLAttributes } from "react";
 import { UseFormRegisterReturn } from "react-hook-form";
 import * as S from "./Input.style";

components/atoms/TagList.tsx

@@ -1,5 +1,5 @@
 import { useRouter } from "next/router";
-import { Tag } from "@/types/artwork.interface";
+import type { Tag } from "@/types/artwork.interface";
 import TagView from "./Tag";
 import * as S from "./TagList.style";
 

components/common/Header/LoginedUser.tsx

@@ -1,5 +1,5 @@
 import Button from "@/components/atoms/Button";
-import { Member } from "@/types/user.interface";
+import type { Member } from "@/types/user.interface";
 import Image from "next/image";
 import { useRouter } from "next/router";
 import * as S from "./LoginedUser.style";

components/common/Modal/View.tsx

@@ -1,5 +1,5 @@
 import styled from "styled-components";
-import { ModalState } from "@/types/modal.interface";
+import type { ModalState } from "@/types/modal.interface";
 import XIcon from "@/components/icons/common/XIcon";
 
 interface ModalViewProps extends ModalState {

components/editor/Toolbar.tsx

@@ -1,4 +1,4 @@
-import { EditButtonArgument, ShortCut } from "@/types/editor.interface";
+import type { EditButtonArgument, ShortCut } from "@/types/editor.interface";
 import { useRouter } from "next/router";
 import { toast } from "react-toastify";
 import {

components/editor/ToolbarButton.tsx

@@ -1,4 +1,4 @@
-import { EditButtonArgument } from "@/types/editor.interface";
+import type { EditButtonArgument } from "@/types/editor.interface";
 import * as S from "./ToolbarButton.style";
 
 export default function ToolbarButtonView({

components/editor/edit/DragDropView.tsx

@@ -1,4 +1,4 @@
-import { ShortCut } from "@/types/editor.interface";
+import type { ShortCut } from "@/types/editor.interface";
 import { deepcopy, reorder } from "@/utils/array";
 import { Dispatch, SetStateAction, useEffect, useState } from "react";
 import { DragDropContext, Droppable, DropResult } from "react-beautiful-dnd";

components/editor/edit/EditorEditApp.tsx

@@ -2,7 +2,7 @@ import { toast } from "react-toastify";
 import { useEffect, useState } from "react";
 import { useShortCutList } from "@/model/editor";
 import { useQueryClient } from "@tanstack/react-query";
-import { ShortCut } from "@/types/editor.interface";
+import type { ShortCut } from "@/types/editor.interface";
 import httpClient from "@/apis";
 import KEY from "@/key";
 import DragDropView from "./DragDropView";

components/profile/ProfileInfo.tsx

@@ -1,6 +1,6 @@
 import { useRouter } from "next/router";
 import config from "@/config";
-import { Member } from "@/types/user.interface";
+import type { Member } from "@/types/user.interface";
 import Avatar from "../atoms/Avatar";
 import Button from "../atoms/Button";
 import * as S from "./ProfileInfo.style";

components/upload/ArtworkForm.tsx

@@ -1,4 +1,4 @@
-import { ArtworkForm } from "@/types/artwork.interface";
+import type { ArtworkForm } from "@/types/artwork.interface";
 import { UseFormRegister } from "react-hook-form";
 import Input from "../atoms/Input";
 import TextArea from "../atoms/TextArea";

components/upload/ArtworkTypeRadio.tsx

@@ -1,4 +1,4 @@
-import { ArtworkForm } from "@/types/artwork.interface";
+import type { ArtworkForm } from "@/types/artwork.interface";
 import { UseFormRegister } from "react-hook-form";
 import Radio from "../atoms/Radio";
 

components/upload/index.tsx

@@ -1,4 +1,4 @@
-import { ArtworkForm } from "@/types/artwork.interface";
+import type { ArtworkForm } from "@/types/artwork.interface";
 import { useEffect, useState } from "react";
 import { SubmitErrorHandler, SubmitHandler, useForm } from "react-hook-form";
 import useFileDrop from "@/hooks/useFileDrop";

context/modal.tsx

@@ -1,4 +1,4 @@
-import { ModalState } from "@/types/modal.interface";
+import type { ModalState } from "@/types/modal.interface";
 import { atom } from "recoil";
 
 const modalState = atom<ModalState>({

fixture/index.ts

@@ -1,6 +1,6 @@
-import { Artwork, Tag } from "@/types/artwork.interface";
-import { ShortCut } from "@/types/editor.interface";
-import { Member } from "@/types/user.interface";
+import type { Artwork, Tag } from "@/types/artwork.interface";
+import type { ShortCut } from "@/types/editor.interface";
+import type { Member } from "@/types/user.interface";
 
 const shortCutList: ShortCut[] = [
   { shortcutId: 0, content: "미카모" },

fixture/property.tsx

@@ -9,12 +9,11 @@ import H4Icon from "@/components/icons/editor/H4Icon";
 import H5Icon from "@/components/icons/editor/H5Icon";
 import H6Icon from "@/components/icons/editor/H6Icon";
 import HrIcon from "@/components/icons/editor/HrIcon";
-import ImageIcon from "@/components/icons/editor/ImageIcon";
 import ItalicIcon from "@/components/icons/editor/ItalicIcon";
 import OrderedListIcon from "@/components/icons/editor/OrderedListIcon";
 import ParagraphIcon from "@/components/icons/editor/ParagraphIcon";
 import UnOrderedListIcon from "@/components/icons/editor/UnOrderedListIcon";
-import { EditButtonArgument } from "@/types/editor.interface";
+import type { EditButtonArgument } from "@/types/editor.interface";
 
 export const editButtonArgumentList: EditButtonArgument[] = [
   { id: 0, cmd: "justifyCenter", icon: <AlignCenterIcon /> },

hooks/useAuthUser.ts

@@ -2,7 +2,7 @@ import httpClient, { HttpClient } from "@/apis/httpClient";
 import fixture from "@/fixture";
 import KEY from "@/key";
 import Storage from "@/storage";
-import { Member } from "@/types/user.interface";
+import type { Member } from "@/types/user.interface";
 import { useQuery } from "@tanstack/react-query";
 import { AxiosError } from "axios";
 import { useRouter } from "next/router";

hooks/useModal.ts

@@ -1,5 +1,5 @@
 import modalState from "@/context/modal";
-import { ModalState } from "@/types/modal.interface";
+import type { ModalState } from "@/types/modal.interface";
 import { useCallback } from "react";
 import { useRecoilState } from "recoil";
 

model/artwork/index.ts

@@ -2,7 +2,12 @@ import httpClient from "@/apis";
 import fixture from "@/fixture";
 import useBrowserWidth from "@/hooks/useBrowserWidth";
 import KEY from "@/key";
-import { Artwork, ArtworkType, Comment, Tag } from "@/types/artwork.interface";
+import type {
+  Artwork,
+  ArtworkType,
+  Comment,
+  Tag,
+} from "@/types/artwork.interface";
 import { useInfiniteQuery, useQuery } from "@tanstack/react-query";
 import { toast } from "react-toastify";
 

model/editor/index.ts

@@ -1,6 +1,6 @@
 import httpClient from "@/apis";
 import KEY from "@/key";
-import { ShortCut } from "@/types/editor.interface";
+import type { ShortCut } from "@/types/editor.interface";
 import { useQuery } from "@tanstack/react-query";
 import { toast } from "react-toastify";
 

model/oauth/index.ts

@@ -1,7 +1,7 @@
 import { useQuery } from "@tanstack/react-query";
 import httpClient from "@/apis";
 import KEY from "@/key";
-import { Token } from "@/types/user.interface";
+import type { Token } from "@/types/user.interface";
 import { toast } from "react-toastify";
 
 const useOauth = (authCode: string) => {

model/user/index.ts

@@ -1,7 +1,7 @@
 import httpClient from "@/apis";
 import fixture from "@/fixture";
 import KEY from "@/key";
-import { Member } from "@/types/user.interface";
+import type { Member } from "@/types/user.interface";
 import { useQuery } from "@tanstack/react-query";
 import { toast } from "react-toastify";
 

pages/artwork/[artworkId].tsx

@@ -4,7 +4,7 @@ import ArtworkComment from "@/components/artwork/ArtworkCommentList";
 import ArtworkDetail from "@/components/artwork/ArtworkDetail";
 import ArtworkPlayer from "@/components/artwork/ArtworkPlayer";
 import ArtworkDetailLayout from "@/layout/ArtworkDetailLayout";
-import { Artwork } from "@/types/artwork.interface";
+import type { Artwork } from "@/types/artwork.interface";
 import { deepcopy } from "@/utils/array";
 import { GetStaticProps } from "next";
 import Page404 from "../404";

pages/editor/index.tsx

@@ -4,7 +4,7 @@ import { editButtonArgumentList } from "@/fixture/property";
 import { editorHotkeyRange } from "@/key/editor.index";
 import EditorLayout from "@/layout/EditorLayout";
 import { useShortCutList } from "@/model/editor";
-import { ShortCut } from "@/types/editor.interface";
+import type { ShortCut } from "@/types/editor.interface";
 import { useEffect, useMemo, useState } from "react";
 import { HotkeysProvider, useHotkeys } from "react-hotkeys-hook";
 

types/user.interface.ts

@@ -1,4 +1,4 @@
-import { Artwork } from "./artwork.interface";
+import type { Artwork } from "./artwork.interface";
 
 export interface Token {
   accessToken: string;