chore: 머지 후 린트 수정

Author: MU-Software

apps/pyconkr/src/App.tsx

@@ -1,11 +1,11 @@
 import * as Common from "@frontend/common";
 import React from "react";
 import { BrowserRouter, Route, Routes, useLocation } from "react-router-dom";
-import { SponsorProvider } from "./contexts/SponsorContext";
 
 import MainLayout from "./components/layout";
 import { Test } from "./components/pages/test";
 import { IS_DEBUG_ENV } from "./consts/index.ts";
+import { SponsorProvider } from "./contexts/SponsorContext";
 
 // 스폰서를 표시할 페이지 경로 설정
 const SPONSOR_VISIBLE_PATHS = ["/"];
@@ -19,10 +19,7 @@ const AppContent = () => {
       <Routes>
         <Route element={<MainLayout />}>
           {IS_DEBUG_ENV && <Route path="/debug" element={<Test />} />}
-          <Route
-            path="/pages/:id"
-            element={<Common.Components.PageIdParamRenderer />}
-          />
+          <Route path="/pages/:id" element={<Common.Components.PageIdParamRenderer />} />
           <Route path="*" element={<Common.Components.RouteRenderer />} />
         </Route>
       </Routes>

apps/pyconkr/src/components/layout/Nav/index.tsx

@@ -60,15 +60,7 @@ const menus = [
 ];
 
 export default function Nav() {
-  const {
-    hoveredMenu,
-    focusedMenu,
-    menuRefs,
-    setHoveredMenu,
-    setFocusedMenu,
-    handleKeyDown,
-    handleBlur,
-  } = useMenu();
+  const { hoveredMenu, focusedMenu, menuRefs, setHoveredMenu, setFocusedMenu, handleKeyDown, handleBlur } = useMenu();
 
   const [isSubMenuHovered, setIsSubMenuHovered] = useState(false);
   const [hoveredSubItem, setHoveredSubItem] = useState<string | null>(null);
@@ -81,17 +73,12 @@ export default function Nav() {
   }, [hoveredMenu, focusedMenu]);
 
   const showSubmenu = !!hoveredMenu || !!focusedMenu || isSubMenuHovered;
-  const activeMenu =
-    hoveredMenu ||
-    focusedMenu ||
-    (isSubMenuHovered ? lastActiveMenuRef.current : null);
+  const activeMenu = hoveredMenu || focusedMenu || (isSubMenuHovered ? lastActiveMenuRef.current : null);
   const currentMenu = menus.find((menu) => menu.text === activeMenu);
 
   const hasActiveThirdLevel = useMemo(() => {
     if (!hoveredSubItem || !currentMenu) return false;
-    const activeSubItem = currentMenu.subMenu.find(
-      (item) => item.text === hoveredSubItem
-    );
+    const activeSubItem = currentMenu.subMenu.find((item) => item.text === hoveredSubItem);
     return activeSubItem?.subMenu && activeSubItem.subMenu.length > 0;
   }, [currentMenu, hoveredSubItem]);
 
@@ -136,9 +123,7 @@ export default function Nav() {
                       <SecondLevelItem
                         key={subItem.text}
                         onMouseEnter={() => setHoveredSubItem(subItem.text)}
-                        className={
-                          hoveredSubItem === subItem.text ? "active" : ""
-                        }
+                        className={hoveredSubItem === subItem.text ? "active" : ""}
                       >
                         <a href={subItem.href} tabIndex={0}>
                           {subItem.text}
@@ -161,8 +146,7 @@ export default function Nav() {
                     }}
                   >
                     {currentMenu.subMenu.map((subItem) => {
-                      const hasThirdLevel =
-                        subItem.subMenu && subItem.subMenu.length > 0;
+                      const hasThirdLevel = subItem.subMenu && subItem.subMenu.length > 0;
                       const isActive = hoveredSubItem === subItem.text;
 
                       if (!hasThirdLevel || !isActive) return null;
@@ -202,10 +186,7 @@ const NavSubContainer = styled.div`
   height: auto;
   min-height: 150px;
   background-color: rgba(255, 255, 255, 0.7);
-  background-image: linear-gradient(
-    rgba(255, 255, 255, 0.7),
-    rgba(255, 255, 255, 0.45)
-  );
+  background-image: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.45));
   box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
   position: fixed;
   left: 0;

apps/pyconkr/src/components/layout/Sponsor/index.tsx

@@ -1,5 +1,6 @@
 import styled from "@emotion/styled";
 import { useEffect, useState } from "react";
+
 import SponsorExample from "../../../assets/sponsorExample.svg?react";
 import { useSponsor } from "../../../contexts/SponsorContext";
 
@@ -40,10 +41,7 @@ export default function Sponsor() {
       <SponsorGrid role="list" aria-label="후원사 목록 그리드">
         {sponsors.map((sponsor) => (
           <SponsorItem key={sponsor.id} role="listitem">
-            <SponsorButton
-              type="button"
-              aria-label={`${sponsor.name} 상세 정보 보기`}
-            >
+            <SponsorButton type="button" aria-label={`${sponsor.name} 상세 정보 보기`}>
               <span className="sr-only">{sponsor.name}</span>
               <sponsor.Logo aria-hidden="true" />
             </SponsorButton>

apps/pyconkr/src/components/pages/test.tsx

@@ -27,32 +27,17 @@ const TabList: { [key in SelectedTabType]: React.ReactNode } = {
 };
 
 export const Test: React.FC = () => {
-  const [selectedTab, setSelectedTab] = React.useState<SelectedTabType>(
-    getTabFromLocalStorage()
-  );
-  const selectTab = (tab: SelectedTabType) =>
-    setSelectedTab(setTabToLocalStorage(tab));
+  const [selectedTab, setSelectedTab] = React.useState<SelectedTabType>(getTabFromLocalStorage());
+  const selectTab = (tab: SelectedTabType) => setSelectedTab(setTabToLocalStorage(tab));
   const TabButton: React.FC<{ tab: SelectedTabType }> = ({ tab }) => (
-    <Button
-      variant={selectedTab === tab ? "contained" : "outlined"}
-      onClick={() => selectTab(tab)}
-    >
+    <Button variant={selectedTab === tab ? "contained" : "outlined"} onClick={() => selectTab(tab)}>
       {tab} Test
     </Button>
   );
 
   return (
-<<<<<<< HEAD
     <Stack sx={{ width: "100%", height: "100%", minHeight: "100%", flexGrow: 1, py: 2 }} spacing={2}>
       <Stack direction="row" spacing={2} sx={{ width: "100%", justifyContent: "center" }}>
-=======
-    <Stack>
-      <Stack
-        direction="row"
-        spacing={2}
-        sx={{ width: "100%", justifyContent: "center" }}
-      >
->>>>>>> origin/feature/sponsor
         {Object.keys(TabList).map((tab) => (
           <TabButton key={tab} tab={tab as SelectedTabType} />
         ))}

apps/pyconkr/src/contexts/SponsorContext.tsx

@@ -12,17 +12,10 @@ interface SponsorProviderProps {
   initialVisibility?: boolean;
 }
 
-export function SponsorProvider({
-  children,
-  initialVisibility = false,
-}: SponsorProviderProps) {
+export function SponsorProvider({ children, initialVisibility = false }: SponsorProviderProps) {
   const [isVisible, setIsVisible] = useState(initialVisibility);
 
-  return (
-    <SponsorContext.Provider value={{ isVisible, setIsVisible }}>
-      {children}
-    </SponsorContext.Provider>
-  );
+  return <SponsorContext.Provider value={{ isVisible, setIsVisible }}>{children}</SponsorContext.Provider>;
 }
 
 export function useSponsor() {

apps/pyconkr/vite.config.mts

@@ -13,14 +13,8 @@ export default defineConfig({
   plugins: [react(), mdx(), mkcert({ hosts: ["local.dev.pycon.kr"] }), svgr()],
   resolve: {
     alias: {
-      "@frontend/common": path.resolve(
-        __dirname,
-        "../../packages/common/src/index.ts"
-      ),
-      "@frontend/shop": path.resolve(
-        __dirname,
-        "../../packages/shop/src/index.ts"
-      ),
+      "@frontend/common": path.resolve(__dirname, "../../packages/common/src/index.ts"),
+      "@frontend/shop": path.resolve(__dirname, "../../packages/shop/src/index.ts"),
       "@apps/pyconkr": path.resolve(__dirname, "./src"),
     },
   },

eslint.config.js

@@ -7,53 +7,45 @@ import reactRefresh from "eslint-plugin-react-refresh";
 import globals from "globals";
 import tseslint from "typescript-eslint";
 
-export default tseslint.config(
-  js.configs.recommended,
-  tseslint.configs.recommended,
-  eslintPluginPrettierRecommended,
-  {
-    ignores: ["dist"],
-    files: ["**/*.{ts,tsx}"],
-    languageOptions: {
-      ecmaVersion: 2020,
-      globals: {
-        ...globals.browser,
-        React: "readonly",
-      },
-      parser: tseslint.parser,
-      parserOptions: {
-        project: "./tsconfig.json",
-      },
-    },
-    plugins: {
-      "react-hooks": reactHooks,
-      "react-refresh": reactRefresh,
-      import: importPlugin,
-      "jsx-a11y": jsxA11y,
+export default tseslint.config(js.configs.recommended, tseslint.configs.recommended, eslintPluginPrettierRecommended, {
+  ignores: ["dist"],
+  files: ["**/*.{ts,tsx}"],
+  languageOptions: {
+    ecmaVersion: 2020,
+    globals: {
+      ...globals.browser,
+      React: "readonly",
     },
-    rules: {
-      ...reactHooks.configs.recommended.rules,
-      "react-refresh/only-export-components": [
-        "warn",
-        { allowConstantExport: true },
-      ],
-      "prettier/prettier": ["error", { printWidth: 120 }],
-      "import/order": [
-        "error",
-        {
-          groups: ["builtin", "external", "internal"],
-          "newlines-between": "always",
-          alphabetize: { order: "asc" },
-        },
-      ],
-      "jsx-a11y/alt-text": "error",
-      "@typescript-eslint/no-namespace": "off",
+    parser: tseslint.parser,
+    parserOptions: {
+      project: "./tsconfig.json",
     },
-    settings: {
-      "import/resolver": {
-        typescript: true,
-        node: true,
+  },
+  plugins: {
+    "react-hooks": reactHooks,
+    "react-refresh": reactRefresh,
+    import: importPlugin,
+    "jsx-a11y": jsxA11y,
+  },
+  rules: {
+    ...reactHooks.configs.recommended.rules,
+    "react-refresh/only-export-components": ["warn", { allowConstantExport: true }],
+    "prettier/prettier": ["error", { printWidth: 120 }],
+    "import/order": [
+      "error",
+      {
+        groups: ["builtin", "external", "internal"],
+        "newlines-between": "always",
+        alphabetize: { order: "asc" },
       },
+    ],
+    "jsx-a11y/alt-text": "error",
+    "@typescript-eslint/no-namespace": "off",
+  },
+  settings: {
+    "import/resolver": {
+      typescript: true,
+      node: true,
     },
-  }
-);
+  },
+});