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/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/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

@@ -25,7 +25,8 @@ const useInfinityScroll = ({
       if (!node) return;
 
       observerRef.current = new IntersectionObserver(
-        ([entry]) => {
+        (entries) => {
+          const [entry] = entries;
           if (entry.isIntersecting) {
             fetchNextPage();
           }