style: @typescript-eslint/consistent-type-imports rule 추가

Author: syoung125

.eslintrc.json

@@ -5,6 +5,7 @@
     "plugin:storybook/recommended",
     "plugin:prettier/recommended"
   ],
+  "plugins": ["@typescript-eslint"],
   "rules": {
     "react/react-in-jsx-scope": "off",
     "no-unused-vars": "off",
@@ -36,6 +37,7 @@
         "newlines-between": "always"
       }
     ],
+    "@typescript-eslint/consistent-type-imports": "error",
     "react/button-has-type": "warn",
     "react/self-closing-comp": [
       "error",

.pnp.cjs

@@ -69,6 +69,7 @@
     "@types/mapbox-gl": "^2.7.10",
     "@types/qs": "^6.9.7",
     "@types/react-lottie": "^1.2.6",
+    "@typescript-eslint/eslint-plugin": "^6.8.0",
     "babel-loader": "^8.3.0",
     "css-loader": "^6.7.3",
     "eslint": "^8.33.0",

.yarn/cache/@eslint-community-eslint-utils-npm-4.4.0-d1791bd5a3-cdfe3ae42b.zip

@@ -1,4 +1,4 @@
-import { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 
 import DoughnutChart from './DoughnutChart';
 

.yarn/cache/@eslint-community-regexpp-npm-4.9.1-7805f77eb5-06fb839e9c.zip

@@ -1,4 +1,4 @@
-import { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 
 import DrawerContents from './DrawerContents';
 

.yarn/cache/@types-json-schema-npm-7.0.14-7dad9e71b4-4b3dd99616.zip

@@ -6,7 +6,7 @@ import { deleteUser } from '@/shared/apis/auth/delete';
 import { Button } from '@/shared/components';
 import useAuth from '@/shared/hooks/useAuth';
 import useConfirm from '@/shared/hooks/useConfirm';
-import { Statistics } from '@/shared/types/record/statistics';
+import type { Statistics } from '@/shared/types/record/statistics';
 
 import styles from './DrawerContents.module.scss';
 

.yarn/cache/@types-semver-npm-7.5.4-aa93e70844-120c0189f6.zip

@@ -1,10 +1,15 @@
 import classNames from 'classnames/bind';
-import { GeoJSONSource } from 'mapbox-gl';
 import { useEffect, useMemo, useRef, useState } from 'react';
-import ReactMapGL, { Layer, MapRef, Source, useMap } from 'react-map-gl';
+import ReactMapGL, {
+  Layer,
+  Source,
+  useMap,
+  type GeoJSONSource,
+  type MapRef,
+} from 'react-map-gl';
 
 import 'mapbox-gl/dist/mapbox-gl.css';
-import { Experience } from '@/shared/types/Experience';
+import type { Experience } from '@/shared/types/Experience';
 
 import Slider from '../Slider';
 

.yarn/cache/@typescript-eslint-eslint-plugin-npm-6.8.0-49e1186395-c36ccf606e.zip

@@ -6,7 +6,7 @@ import 'swiper/css';
 import AlcoholPreview from '@/features/alcohol/components/AlcoholPreview';
 import Chip from '@/shared/components/Chip';
 import Icon from '@/shared/components/Icon';
-import { Experience } from '@/shared/types/Experience';
+import type { Experience } from '@/shared/types/Experience';
 
 import styles from './Slider.module.scss';
 

.yarn/cache/@typescript-eslint-scope-manager-npm-6.8.0-152705b93d-b6cf280353.zip

@@ -1,8 +1,8 @@
 import classNames from 'classnames/bind';
-import { ForwardedRef, forwardRef } from 'react';
+import { forwardRef, type ForwardedRef } from 'react';
 
 import Chip from '@/shared/components/Chip';
-import { AlcoholPercentFeeling } from '@/shared/types/record/alcoholPercentFeeling';
+import type { AlcoholPercentFeeling } from '@/shared/types/record/alcoholPercentFeeling';
 
 import { getAlcoholPercentFeelingLabel } from '../../utils/getAlcoholPercentFeelingLabel';
 

.yarn/cache/@typescript-eslint-type-utils-npm-6.8.0-a462e775d1-9b7d56904d.zip

@@ -1,7 +1,7 @@
 import type { Meta, StoryFn } from '@storybook/react';
 import { useState } from 'react';
 
-import { FlavorTag } from '@/shared/types/record/flavorTag';
+import type { FlavorTag } from '@/shared/types/record/flavorTag';
 
 import DetailFlavorInput from './DetailFlavorInput';
 

.yarn/cache/@typescript-eslint-types-npm-6.8.0-5ce871780b-1fcd85f6d5.zip

@@ -1,9 +1,9 @@
 import classNames from 'classnames/bind';
-import { ForwardedRef, forwardRef } from 'react';
+import { forwardRef, type ForwardedRef } from 'react';
 
 import Accordion from '@/shared/components/Accordion';
 import Chip from '@/shared/components/Chip';
-import { FlavorTag } from '@/shared/types/record/flavorTag';
+import type { FlavorTag } from '@/shared/types/record/flavorTag';
 
 import styles from './DetailFlavorInput.module.scss';
 import { flavorTagOptions } from './flavorTagOptions';

.yarn/cache/@typescript-eslint-typescript-estree-npm-6.8.0-bcf7db6c6c-388db7f33e.zip

@@ -1,5 +1,5 @@
 import { FLAVOR_TAGS } from '@/shared/constants/flavorTags';
-import { DetailTag, MajorTag } from '@/shared/types/record/flavorTag';
+import type { DetailTag, MajorTag } from '@/shared/types/record/flavorTag';
 
 import {
   getDetailFlavorTagLabel,

.yarn/cache/@typescript-eslint-utils-npm-6.8.0-89c44a6a2b-6d9f90db50.zip

@@ -1,8 +1,8 @@
 import classNames from 'classnames/bind';
-import { ForwardedRef, forwardRef, useEffect, useState } from 'react';
+import { forwardRef, type ForwardedRef } from 'react';
 
 import Slider from '@/shared/components/Slider';
-import { Record } from '@/shared/types/record';
+import type { Record } from '@/shared/types/record';
 
 import styles from './FlavorSliderGroup.module.scss';
 

.yarn/cache/@typescript-eslint-visitor-keys-npm-6.8.0-10ac2dfcbb-710d9067b8.zip

@@ -1,5 +1,5 @@
 import classNames from 'classnames/bind';
-import { useEffect, useState, ChangeEvent } from 'react';
+import { useEffect, useState, type ChangeEvent } from 'react';
 import { Pagination } from 'swiper';
 import { Swiper, SwiperSlide } from 'swiper/react';
 

.yarn/cache/eslint-visitor-keys-npm-3.4.3-a356ac7e46-36e9ef87fc.zip

@@ -1,6 +1,6 @@
 import classNames from 'classnames/bind';
 import { isNil } from 'lodash-es';
-import { ForwardedRef, forwardRef, useCallback, useState } from 'react';
+import { forwardRef, useCallback, type ForwardedRef } from 'react';
 
 import Icon from '@/shared/components/Icon';
 

.yarn/cache/graphemer-npm-1.4.0-0627732d35-bab8f0be9b.zip

@@ -1,10 +1,14 @@
 import dayjs from 'dayjs';
 import { useRouter } from 'next/router';
-import { useForm, SubmitHandler, SubmitErrorHandler } from 'react-hook-form';
+import {
+  useForm,
+  type SubmitHandler,
+  type SubmitErrorHandler,
+} from 'react-hook-form';
 
 import { useCreateRecord } from '@/shared/apis/records/createRecord';
-import { Alcohol } from '@/shared/types/alcohol';
-import { Record } from '@/shared/types/record';
+import type { Alcohol } from '@/shared/types/alcohol';
+import type { Record } from '@/shared/types/record';
 
 import { FLAVOR_SLIDER_GROUP_DEFAULT_VALUE } from '../components/FlavorSliderGroup/FlavorSliderGroup';
 

.yarn/cache/semver-npm-7.5.4-c4ad957fcd-12d8ad952f.zip

@@ -1,4 +1,4 @@
-import { AlcoholPercentFeeling } from '@/shared/types/record/alcoholPercentFeeling';
+import type { AlcoholPercentFeeling } from '@/shared/types/record/alcoholPercentFeeling';
 
 const alcoholPercentFeelingAlias: Record<AlcoholPercentFeeling, string> = {
   MILD: '연하다',

.yarn/cache/ts-api-utils-npm-1.0.3-992f360d9b-441cc4489d.zip

@@ -1,4 +1,4 @@
-import { DetailTag, MajorTag } from '@/shared/types/record/flavorTag';
+import type { DetailTag, MajorTag } from '@/shared/types/record/flavorTag';
 
 /**
  * 맛 종류 문서: https://docs.google.com/spreadsheets/d/1HItKDWkbNg2vsrbqpdfcDhMcNnKmKkCouMeYWX3v7Bk/edit#gid=0

package.json

@@ -1,9 +1,9 @@
 import classNames from 'classnames/bind';
-import { Dispatch, SetStateAction } from 'react';
+import type { Dispatch, SetStateAction } from 'react';
 
 import AlcoholCategoryTabItem from '@/features/search/components/AlcoholCategoryTabItem';
 import { ALCOHOL_CATEGORIES } from '@/shared/constants/alcohol';
-import { AlcoholTag } from '@/shared/types/alcohol';
+import type { AlcoholTag } from '@/shared/types/alcohol';
 
 import styles from './AlcoholCategoryTab.module.scss';
 

src/features/home/components/DoughnutChart/DoughnutChart.stories.tsx

@@ -1,11 +1,11 @@
 import classNames from 'classnames/bind';
 import { debounce } from 'lodash-es';
 import {
-  KeyboardEventHandler,
   useCallback,
   useEffect,
   useMemo,
   useState,
+  type KeyboardEventHandler,
 } from 'react';
 
 import Icon from '@/shared/components/Icon';

src/features/home/components/DrawerContents/DrawerContents.stories.tsx

@@ -1,6 +1,6 @@
 import { Hydrate, QueryClientProvider } from '@tanstack/react-query';
 import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
-import { NextPageContext } from 'next';
+import type { NextPageContext } from 'next';
 import App, { type AppContext, type AppProps } from 'next/app';
 import dynamic from 'next/dynamic';
 import Script from 'next/script';

src/features/home/components/DrawerContents/DrawerContents.tsx

@@ -1,4 +1,4 @@
-import { NextApiRequest, NextApiResponse } from 'next';
+import type { NextApiRequest, NextApiResponse } from 'next';
 
 import { deleteAccessToken, deleteRefreshToken } from '@/shared/utils/auth';
 

src/features/home/components/Map/Map.tsx

@@ -1,5 +1,5 @@
 import axios from 'axios';
-import { NextApiRequest, NextApiResponse } from 'next';
+import type { NextApiRequest, NextApiResponse } from 'next';
 
 import {
   NEXT_PUBLIC_API_BASE_URI,

src/features/home/components/Slider/Slider.tsx

@@ -1,5 +1,5 @@
 import axios from 'axios';
-import { NextApiRequest, NextApiResponse } from 'next';
+import type { NextApiRequest, NextApiResponse } from 'next';
 
 import {
   NEXT_PUBLIC_API_BASE_URI,

src/features/record/components/AlcoholPercentFeelingInput/AlcoholPercentFeelingInput.tsx

@@ -1,5 +1,5 @@
 import axios from 'axios';
-import { NextApiRequest, NextApiResponse } from 'next';
+import type { NextApiRequest, NextApiResponse } from 'next';
 
 import {
   ACCESS_TOKEN_KEY,

src/features/record/components/DetailFlavorInput/DetailFlavorInput.stories.tsx

@@ -1,6 +1,10 @@
-import { dehydrate, DehydratedState, QueryClient } from '@tanstack/react-query';
+import {
+  dehydrate,
+  QueryClient,
+  type DehydratedState,
+} from '@tanstack/react-query';
 import classNames from 'classnames/bind';
-import { GetServerSideProps } from 'next';
+import type { GetServerSideProps } from 'next';
 import Link from 'next/link';
 import { useRouter } from 'next/router';
 
@@ -11,7 +15,7 @@ import PageLayout from '@/shared/components/PageLayout';
 import Skeleton from '@/shared/components/Skeleton';
 import TopNavigator from '@/shared/components/TopNavigator';
 import useIntersect from '@/shared/hooks/useIntersect';
-import { Feed } from '@/shared/types/feed';
+import type { Feed } from '@/shared/types/feed';
 
 import styles from './index.module.scss';
 

src/features/record/components/DetailFlavorInput/DetailFlavorInput.tsx

@@ -1,8 +1,8 @@
 import { dehydrate, QueryClient } from '@tanstack/react-query';
 import classNames from 'classnames/bind';
-import { GetServerSideProps } from 'next';
+import type { GetServerSideProps } from 'next';
 import dynamic from 'next/dynamic';
-import { MouseEvent, useMemo, useState } from 'react';
+import { useMemo, useState, type MouseEvent } from 'react';
 
 import Map from '@/features/home/components/Map';
 import AlcoholCategoryFilter from '@/features/search/components/AlcoholCategoryFilter';

src/features/record/components/DetailFlavorInput/flavorTagOptions.ts

@@ -1,8 +1,12 @@
-import { dehydrate, DehydratedState, QueryClient } from '@tanstack/react-query';
+import {
+  dehydrate,
+  QueryClient,
+  type DehydratedState,
+} from '@tanstack/react-query';
 import classNames from 'classnames/bind';
 import dayjs from 'dayjs';
 import { isNil } from 'lodash-es';
-import { GetServerSideProps } from 'next';
+import type { GetServerSideProps } from 'next';
 import { useCallback } from 'react';
 
 import FlavorSliderGroup from '@/features/record/components/FlavorSliderGroup';
@@ -15,9 +19,9 @@ import Icon from '@/shared/components/Icon';
 import PageLayout from '@/shared/components/PageLayout';
 import TopNavigator from '@/shared/components/TopNavigator';
 import useConfirm from '@/shared/hooks/useConfirm';
-import { Alcohol } from '@/shared/types/alcohol';
-import { Record } from '@/shared/types/record';
-import { FlavorTag } from '@/shared/types/record/flavorTag';
+import type { Alcohol } from '@/shared/types/alcohol';
+import type { Record } from '@/shared/types/record';
+import type { FlavorTag } from '@/shared/types/record/flavorTag';
 
 import styles from './index.module.scss';
 

src/features/record/components/FlavorSliderGroup/FlavorSliderGroup.tsx

@@ -1,6 +1,10 @@
-import { dehydrate, DehydratedState, QueryClient } from '@tanstack/react-query';
+import {
+  type DehydratedState,
+  dehydrate,
+  QueryClient,
+} from '@tanstack/react-query';
 import classNames from 'classnames/bind';
-import { GetServerSideProps } from 'next';
+import type { GetServerSideProps } from 'next';
 import { useRouter } from 'next/router';
 import { Controller } from 'react-hook-form';
 

src/features/record/components/ImageSwiper/ImageSwiper.tsx

@@ -1,6 +1,6 @@
 import { createQuery } from 'react-query-kit';
 
-import { Alcohol } from '@/shared/types/alcohol';
+import type { Alcohol } from '@/shared/types/alcohol';
 import { request } from '@/shared/utils/request';
 
 type Variables = Pick<Alcohol, 'alcoholId'>;

src/features/record/components/Rating/Rating.tsx

@@ -1,7 +1,7 @@
 import { createInfiniteQuery, createQuery } from 'react-query-kit';
 
-import { Alcohol } from '@/shared/types/alcohol';
-import { PagingInfo } from '@/shared/types/paging';
+import type { Alcohol } from '@/shared/types/alcohol';
+import type { PagingInfo } from '@/shared/types/paging';
 import { request } from '@/shared/utils/request';
 
 type Variables = { keyword: string } & PagingInfo;

src/features/record/hooks/useCreateRecordForm.ts

@@ -1,7 +1,7 @@
 import { createInfiniteQuery } from 'react-query-kit';
 
-import { Feed } from '@/shared/types/feed';
-import { PagingInfo } from '@/shared/types/paging';
+import type { Feed } from '@/shared/types/feed';
+import type { PagingInfo } from '@/shared/types/paging';
 import { request } from '@/shared/utils/request';
 
 type Response = {

src/features/record/utils/getAlcoholPercentFeelingLabel.ts

@@ -1,7 +1,7 @@
 import { createMutation } from 'react-query-kit';
 
-import { Alcohol } from '@/shared/types/alcohol';
-import { Record } from '@/shared/types/record';
+import type { Alcohol } from '@/shared/types/alcohol';
+import type { Record } from '@/shared/types/record';
 import { request } from '@/shared/utils/request';
 
 type Variables = {

src/features/record/utils/getFlavorTagLabel.ts

@@ -1,6 +1,6 @@
 import { createQuery } from 'react-query-kit';
 
-import { Experience } from '@/shared/types/Experience';
+import type { Experience } from '@/shared/types/Experience';
 import { request } from '@/shared/utils/request';
 
 type Response = Experience[];

src/features/search/components/AlcoholCategoryTab/AlcoholCategoryTab.tsx

@@ -1,7 +1,7 @@
 import { createQuery } from 'react-query-kit';
 
-import { Alcohol } from '@/shared/types/alcohol';
-import { Record } from '@/shared/types/record';
+import type { Alcohol } from '@/shared/types/alcohol';
+import type { Record } from '@/shared/types/record';
 import { request } from '@/shared/utils/request';
 
 type Variables = Pick<Record, 'recordId'>;

src/features/search/components/SearchBar/SearchBar.tsx

@@ -1,6 +1,6 @@
 import { createQuery } from 'react-query-kit';
 
-import { Statistics } from '@/shared/types/record/statistics';
+import type { Statistics } from '@/shared/types/record/statistics';
 import { request } from '@/shared/utils/request';
 
 const getStatistics = () => {

src/pages/_app.tsx

@@ -1,7 +1,7 @@
 import { createInfiniteQuery } from 'react-query-kit';
 
-import { PagingInfo } from '@/shared/types/paging';
-import { RecordMeta } from '@/shared/types/record';
+import type { PagingInfo } from '@/shared/types/paging';
+import type { RecordMeta } from '@/shared/types/record';
 import { generateUrl } from '@/shared/utils/generateUrl';
 import { request } from '@/shared/utils/request';
 

src/pages/api/logout.ts

@@ -1,5 +1,5 @@
 import classNames from 'classnames/bind';
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 
 import Icon from '@/shared/components/Icon';
 import { useOpen } from '@/shared/hooks/useOpen';

src/pages/api/redirect/apple.ts

@@ -1,4 +1,4 @@
-import { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 
 import BottomNavigator from '@/shared/components/BottomNavigator/BottomNavigator';
 

src/pages/api/redirect/kakao.ts

@@ -5,7 +5,7 @@ import { useRouter } from 'next/router';
 import Icon from '@/shared/components/Icon';
 import StatisticsDrawer from '@/shared/components/StatisticsDrawer';
 import { useOpen } from '@/shared/hooks/useOpen';
-import { Statistics } from '@/shared/types/record/statistics';
+import type { Statistics } from '@/shared/types/record/statistics';
 
 import styles from './BottomNavigator.module.scss';