feat: @types/node 추가 및 경로 별칭 설정

Author: y00eunji

package.json

@@ -29,6 +29,7 @@
   },
   "devDependencies": {
     "@eslint/js": "^9.21.0",
+    "@types/node": "^22.15.3",
     "@types/react": "^19.0.10",
     "@types/react-dom": "^19.0.4",
     "@typescript-eslint/parser": "^8.29.1",

pnpm-lock.yaml

@@ -1,14 +1,14 @@
 import styled from "@emotion/styled";
-import { useEmail } from "../../../hooks/useEmail";
-import MessageIcon from "../../../assets/Footer/message.svg?react";
-import FacebookIcon from "../../../assets/Footer/facebook.svg?react";
-import YoutubeIcon from "../../../assets/Footer/youtube.svg?react";
-import XIcon from "../../../assets/Footer/x.svg?react";
-import GithubIcon from "../../../assets/Footer/github.svg?react";
-import InstagramIcon from "../../../assets/Footer/instagram.svg?react";
-import LinkedinIcon from "../../../assets/Footer/linkedin.svg?react";
-import BlogIcon from "../../../assets/Footer/blog.svg?react";
-import FlickrIcon from "../../../assets/Footer/flickr.svg?react";
+import { useEmail } from "@/hooks/useEmail";
+import MessageIcon from "@/assets/Footer/message.svg?react";
+import FacebookIcon from "@/assets/Footer/facebook.svg?react";
+import YoutubeIcon from "@/assets/Footer/youtube.svg?react";
+import XIcon from "@/assets/Footer/x.svg?react";
+import GithubIcon from "@/assets/Footer/github.svg?react";
+import InstagramIcon from "@/assets/Footer/instagram.svg?react";
+import LinkedinIcon from "@/assets/Footer/linkedin.svg?react";
+import BlogIcon from "@/assets/Footer/blog.svg?react";
+import FlickrIcon from "@/assets/Footer/flickr.svg?react";
 
 interface LinkItem {
   text: string;
@@ -89,17 +89,18 @@ export default function Footer({
           ))}
         </FooterLinks>
         <FooterIcons>
-          <IconLink onClick={sendEmail}>
-            <MessageIcon width={20} height={20} />
+          <IconLink onClick={sendEmail} aria-label="이메일 보내기">
+            <MessageIcon width={20} height={20} aria-hidden="true" />
           </IconLink>
           {icons.map((icon) => (
             <IconLink
               key={icon.alt}
               href={icon.href}
               target="_blank"
               rel="noopener noreferrer"
+              aria-label={`${icon.alt}로 이동`}
             >
-              <icon.icon width={20} height={20} />
+              <icon.icon width={20} height={20} aria-hidden="true" />
             </IconLink>
           ))}
         </FooterIcons>

src/components/layout/Footer/index.tsx

@@ -21,7 +21,13 @@
     "noUnusedParameters": true,
     "noFallthroughCasesInSwitch": true,
     "noUncheckedSideEffectImports": true,
-    "forceConsistentCasingInFileNames": false
+    "forceConsistentCasingInFileNames": false,
+
+    /* Paths */
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["src/*"]
+    }
   },
   "include": ["src", "emotion.d.ts"]
 }

tsconfig.app.json

@@ -2,9 +2,15 @@ import { defineConfig } from "vite";
 import react from "@vitejs/plugin-react";
 import mdx from "@mdx-js/rollup";
 import svgr from "vite-plugin-svgr";
+import path from "path";
 
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [react(), mdx(), svgr()],
   base: "/",
+  resolve: {
+    alias: {
+      "@": path.resolve(__dirname, "./src"),
+    },
+  },
 });