feat : 간단한 ci 추가

.github/workflows/ci.yml

@@ -0,0 +1,36 @@
+name: CI
+
+on:
+  push:
+    branches: [main, develop]
+  pull_request:
+    branches: [main, develop]
+
+jobs:
+  ci:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '22.x'
+          cache: 'npm'
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Run linter
+        run: npm run lint
+
+      - name: Type check
+        run: npx tsc --noEmit
+
+      - name: Build
+        run: npm run build
+        env:
+          NODE_ENV: production
+

src/app/login/LoginContent.tsx

@@ -84,7 +84,7 @@ const LoginContent = () => {
             <input
               type="email"
               placeholder="이메일"
-              className="h-[41px] w-full rounded-lg border px-5 py-3 font-serif typo-regular-4 text-k-400 focus:outline-none"
+              className="w-full rounded-lg border border-k-100 px-5 py-3 font-serif typo-regular-4 text-k-400 focus:outline-none"
               {...register("email", {
                 onChange: handleEmailChange,
               })}
@@ -101,7 +101,7 @@ const LoginContent = () => {
             <input
               type="password"
               placeholder="비밀번호"
-              className="h-[41px] w-full rounded-lg border px-5 py-3 font-serif typo-regular-4 text-k-400 focus:outline-none"
+              className="w-full rounded-lg border border-k-100 px-5 py-3 font-serif typo-regular-4 text-k-400 focus:outline-none"
               {...register("password")}
               onKeyDown={handleKeyDown}
             />

src/app/sign-up/email/EmailSignUpForm.tsx

@@ -73,8 +73,9 @@ const EmailSignUpForm = () => {
         onSuccess: (data) => {
           router.push(`/sign-up?token=${data.signUpToken}`);
         },
-        onError: (error: any) => {
-          toast.error(error.response?.data?.message || "회원가입에 실패했습니다.");
+        onError: (error: unknown) => {
+          const axiosError = error as { response?: { data?: { message?: string } } };
+          toast.error(axiosError.response?.data?.message || "회원가입에 실패했습니다.");
         },
       },
     );

src/app/university/score/submit/language-test/_lib/schema.ts

@@ -1,6 +1,6 @@
 import { z } from "zod";
 
-import { validateLanguageScore } from "@/utils/scoreUtils";
+import validateLanguageScore from "@/utils/scoreUtils";
 
 import { LanguageTestEnum } from "@/types/score";
 

src/components/button/BlockBtn.tsx

@@ -2,7 +2,7 @@ import * as React from "react";
 
 import { type VariantProps, cva } from "class-variance-authority";
 
-import { cn } from "@/utils/designUtils";
+import cn from "@/utils/designUtils";
 
 const blockBtnVariants = cva("h-13 w-full min-w-80 max-w-screen-sm rounded-lg flex items-center justify-center", {
   variants: {

src/components/button/RoundBtn.tsx

@@ -2,7 +2,7 @@ import * as React from "react";
 
 import { type VariantProps, cva } from "class-variance-authority";
 
-import { cn } from "@/utils/designUtils";
+import cn from "@/utils/designUtils";
 
 const roundBtnVariants = cva("h-[2.375rem] w-[6.375rem] rounded-3xl px-4 py-2.5 ", {
   variants: {

src/components/login/signup/SignupPolicyScreen.tsx

@@ -58,10 +58,9 @@ const SignupPolicyScreen = ({ toNextStage }: SignupPolicyScreenProps) => {
       <div className="max-w-app fixed bottom-14 w-full bg-white">
         <div className="px-5">
           <BlockBtn
-            className="mb-[29px]"
+            className={`mb-[29px] ${isChecked ? "bg-primary" : "bg-bg-800"}`}
             disabled={!isChecked}
             onClick={toNextStage}
-            className={isChecked ? "bg-primary" : "bg-bg-800"}
           >
             다음
           </BlockBtn>

src/components/login/signup/SignupSurvey.tsx

@@ -64,8 +64,9 @@ const SignupSurvey = ({ baseNickname, baseEmail, baseProfileImageUrl }: SignupSu
       try {
         const result = await uploadImageMutation.mutateAsync(profileImageFile);
         imageUrl = result.fileUrl;
-      } catch (err: any) {
-        console.error("Error", err.message);
+      } catch (err: unknown) {
+        const error = err as { message?: string };
+        console.error("Error", error.message);
         // toast.error는 hook의 onError에서 이미 처리되므로 중복 호출 제거
       }
     }
@@ -89,19 +90,24 @@ const SignupSurvey = ({ baseNickname, baseEmail, baseProfileImageUrl }: SignupSu
           toast.success("회원가입이 완료되었습니다.");
           router.push("/");
         },
-        onError: (error: any) => {
-          if (error.response) {
-            console.error("Axios response error", error.response);
-            toast.error(error.response.data?.message || "회원가입에 실패했습니다.");
+        onError: (error: unknown) => {
+          const axiosError = error as {
+            response?: { data?: { message?: string } };
+            message?: string;
+          };
+          if (axiosError.response) {
+            console.error("Axios response error", axiosError.response);
+            toast.error(axiosError.response.data?.message || "회원가입에 실패했습니다.");
           } else {
-            console.error("Error", error.message);
-            toast.error(error.message || "회원가입에 실패했습니다.");
+            console.error("Error", axiosError.message);
+            toast.error(axiosError.message || "회원가입에 실패했습니다.");
           }
         },
       });
-    } catch (err: any) {
-      console.error("Error", err.message);
-      toast.error(err.message || "회원가입에 실패했습니다.");
+    } catch (err: unknown) {
+      const error = err as { message?: string };
+      console.error("Error", error.message);
+      toast.error(error.message || "회원가입에 실패했습니다.");
     }
   };
 

src/components/search/UniversityFilterSection.tsx

@@ -9,7 +9,7 @@ import UniversitySearchInput from "@/components/search/UniversitySearchInput";
 
 import { RegionKo } from "@/types/university";
 
-import { RegionOption } from "@/app/search/SearchContent";
+import { RegionOption } from "@/app/search/SearchContent.tsx";
 import { IconDownArrow, IconHatColor, IconHatGray, IconLocationColor, IconLocationGray } from "@/public/svgs/search";
 
 interface UniversityFilterSectionProps {

src/components/search/UniversityRegionTabs.tsx

@@ -4,7 +4,7 @@ import React from "react";
 
 import { RegionKo } from "@/types/university";
 
-import { RegionOption } from "@/app/search/SearchContent";
+import { RegionOption } from "@/app/search/SearchContent.tsx";
 
 interface UniversityRegionTabsProps {
   regions: RegionOption[];

src/components/ui/UniverSityCard/index.tsx

@@ -2,7 +2,7 @@ import Image from "next/image";
 import Link from "next/link";
 
 import { convertImageUrl } from "@/utils/fileUtils";
-import { shortenLanguageTestName } from "@/utils/universityUtils";
+import shortenLanguageTestName from "@/utils/universityUtils";
 
 import CheveronRightFilled from "@/components/ui/icon/ChevronRightFilled";
 

src/utils/designUtils.ts

@@ -1,4 +1,6 @@
 import { type ClassValue, clsx } from "clsx";
 import { twMerge } from "tailwind-merge";
 
-export const cn = (...inputs: ClassValue[]) => twMerge(clsx(inputs));
+const cn = (...inputs: ClassValue[]) => twMerge(clsx(inputs));
+
+export default cn;

src/utils/jwtUtils.ts

@@ -1,7 +1,14 @@
+interface JwtPayload {
+  sub: number;
+  role: string;
+  iat: number;
+  exp: number;
+}
+
 export const isTokenExpired = (token: string | null): boolean => {
   if (!token) return true;
   try {
-    const payload = JSON.parse(atob(token.split(".")[1]));
+    const payload = JSON.parse(atob(token.split(".")[1])) as JwtPayload;
     const currentTime = Math.floor(Date.now() / 1000);
     return payload.exp < currentTime;
   } catch (error) {
@@ -10,20 +17,13 @@ export const isTokenExpired = (token: string | null): boolean => {
   }
 };
 
-interface JwtPayload {
-  sub: number;
-  role: string;
-  iat: number;
-  exp: number;
-}
-
 export const tokenParse = (token: string | null): JwtPayload | null => {
   if (typeof window === "undefined") return null;
 
   if (!token) return null;
 
   try {
-    const payload: JwtPayload = JSON.parse(atob(token.split(".")[1]));
+    const payload = JSON.parse(atob(token.split(".")[1])) as JwtPayload;
     return payload;
   } catch (error) {
     console.error("토큰 파싱 오류:", error);

src/utils/scoreUtils.ts

@@ -1,6 +1,6 @@
 import { LanguageTestEnum } from "@/types/score";
 
-export const validateLanguageScore = (testType: string, score: string) => {
+const validateLanguageScore = (testType: string, score: string) => {
   const numScore = Number(score);
 
   if (testType === LanguageTestEnum.TOEIC) {
@@ -31,3 +31,5 @@ export const validateLanguageScore = (testType: string, score: string) => {
     }
   }
 };
+
+export default validateLanguageScore;

src/utils/universityUtils.ts

@@ -1,7 +1,10 @@
 import { SHORT_LANGUAGE_TEST } from "@/constants/application";
 
-export const shortenLanguageTestName = (name: string) => {
+const shortenLanguageTestName = (name: string): string | undefined => {
   if (Object.prototype.hasOwnProperty.call(SHORT_LANGUAGE_TEST, name)) {
-    return SHORT_LANGUAGE_TEST[name];
+    return SHORT_LANGUAGE_TEST[name] as string;
   }
+  return undefined;
 };
+
+export default shortenLanguageTestName;

src/utils/useInfinityScroll.ts

@@ -7,7 +7,7 @@ type UseInfinityScrollProps = {
 };
 
 type UseInfinityScrollReturn = {
-  lastElementRef: (node: HTMLDivElement | null) => void;
+  lastElementRef: (node: Element | null) => void;
 };
 
 const useInfinityScroll = ({
@@ -25,7 +25,8 @@ const useInfinityScroll = ({
       if (!node) return;
 
       observerRef.current = new IntersectionObserver(
-        ([entry]) => {
+        (entries) => {
+          const [entry] = entries;
           if (entry.isIntersecting) {
             fetchNextPage();
           }