feat: 타입스크립트 paths, baseUrl 설정

src/components/Organisms/Content/ChannelItem.tsx

@@ -1,9 +1,10 @@
 import styled from 'styled-components';
 import { Channel } from '../../../types/channel';
 import { Link } from 'react-router-dom';
-import TagContainer from './../../Molcules/Content/TagContainer';
+
 import mockImage from '../../../images/dummyImage.png';
 import personSvg from '../../../images/svg/person.svg';
+import TagContainer from '../../Molecules/Content/TagContainer';
 
 interface ChannelItemProps {
   channel: Channel;

src/components/Organisms/Header/Header.tsx

@@ -1,7 +1,7 @@
 import styled from 'styled-components';
 import useHeader from './Header.hook';
-import Logo from '../../Molcules/Header/Logo';
-import UserProfileImage from '../../Molcules/Header/UserProfileImage';
+import UserProfileImage from '../../Molecules/Header/UserProfileImage';
+import Logo from '../../Molecules/Header/Logo';
 
 export default function Header() {
   // logics

src/components/Organisms/SiderBar/SideBar.tsx

@@ -5,12 +5,12 @@ import styled from 'styled-components';
 import useSideBar from './SideBar.hook';
 
 // components
-import ChannelContainer from '../../Molcules/SideBar/ChannelContainer';
-import CreateChannelButton from '../../Molcules/SideBar/CreateChannelButton';
-import SideBarToggleButton from '../../Molcules/SideBar/SideBarToggleButton';
 import CreateChannelModal from '../Modal/CreateChannelModal';
-import NavigatorContainer from '../../Molcules/SideBar/NavigatorContainer';
 import CategoryName from '../../Atoms/SideBar/CategoryName';
+import SideBarToggleButton from '../../Molecules/SideBar/SideBarToggleButton';
+import CreateChannelButton from '../../Molecules/SideBar/CreateChannelButton';
+import NavigatorContainer from '../../Molecules/SideBar/NavigatorContainer';
+import ChannelContainer from '../../Molecules/SideBar/ChannelContainer';
 
 export default function SideBar() {
   // logics

tsconfig.json

@@ -11,7 +11,21 @@
     "moduleResolution": "node",
     "resolveJsonModule": true,
     "isolatedModules": true,
-    "jsx": "react-jsx"
+    "jsx": "react-jsx",
+    "baseUrl": "./",
+    "paths": {
+      "@/*": ["src/*"],
+      "@/apis/*": ["src/apis/*"],
+      "@/components/*": ["src/components/*"],
+      "@/images/*": ["src/images/*"],
+      "@/mocks/*": ["src/mocks/*"],
+      "@/pages/*": ["src/pages/*"],
+      "@/router/*": ["src/router/*"],
+      "@/store/*": ["src/store/*"],
+      "@/styles/*": ["src/styles/*"],
+      "@/types/*": ["src/types/*"],
+      "@/utils/*": ["src/utils/*"]
+    }
   },
   "include": ["src", "src/styles", "utils", "custom.d.ts"]
 }