refactor: findUserById 함수 api 파일로 분리

src/api/user.ts

@@ -0,0 +1,16 @@
+import supabase from "@/lib/supabase";
+
+export async function findUserById(id: string) {
+  const { data: user, error } = await supabase
+    .from("user")
+    .select("*")
+    .eq("id", id);
+
+  if (error) throw new Error(error.message);
+
+  if (user && user.length > 0) {
+    return user[0].email.split("@")[0] + "님";
+  }
+
+  return "알 수 없는 사용자";
+}

src/components/common/Footer.tsx

@@ -7,11 +7,11 @@ function Footer() {
         <div className="mt-8 flex w-full flex-col items-start justify-between gap-6 md:flex-row md:gap-0">
           <div className="flex flex-col items-start gap-4">
             <div className="flex flex-col items-start">
-              <h3 className="scroll-m-20 text-2xl font-semibold tracking-tight text-blue-500">
+              <h3 className="scroll-m-20 text-2xl font-semibold tracking-tight text-blue-600">
                 WeCode
               </h3>
               <h3 className="scroll-m-20 text-2xl font-semibold tracking-tight">
-                개발자를 잇다.
+                팀원을 IT다.
               </h3>
             </div>
             <div className="flex items-center gap-2">

src/components/common/Header.tsx

@@ -108,7 +108,7 @@ function Header() {
           {user && (
             <Button
               variant={"destructive"}
-              className="rounded-xl !bg-blue-500 !px-5 !py-5"
+              className="rounded-xl !bg-blue-600 !px-5 !py-5"
               onClick={handleRoute}
             >
               모집 글 작성
@@ -159,7 +159,7 @@ function Header() {
         <div className="md:hidden">
           <Sheet open={isHamburgerOpen} onOpenChange={setIsHamburgerOpen}>
             <SheetTrigger asChild>
-              <Button variant="ghost">
+              <Button variant="ghost" aria-label="메뉴 열기">
                 <Menu className="size-6" />
               </Button>
             </SheetTrigger>

src/components/common/InfoBadge.tsx

@@ -9,12 +9,12 @@ interface Props {
 }
 
 const badgeThemes = {
-  default: "border-none bg-gray-200 text-gray-700",
-  green: "border-none bg-green-300/20 text-sm text-green-500",
-  blue: "border-none bg-blue-300/20 text-sm text-blue-500",
-  red: "border-none bg-red-300/20 text-sm text-red-500",
-  gray: "bg-gray-200 text-gray-700",
-  white: "bg-slate-50 text-sm font-bold text-slate-500",
+  default: "border-none bg-gray-200 text-gray-800",
+  green: "border-none bg-green-100 text-green-700 font-semibold",
+  blue: "border-none bg-blue-100 text-blue-700 font-semibold",
+  red: "border-none bg-red-100 text-red-700 font-semibold",
+  gray: "bg-gray-200 text-gray-800",
+  white: "bg-slate-100 text-slate-700 font-bold",
 };
 
 /**

src/components/common/post/detail/PostDetailActions.tsx

@@ -41,7 +41,7 @@ export default function PostDetailActions({ post, user }: Props) {
               <Button
                 variant="outline"
                 size="icon"
-                className="h-8 w-12 !bg-red-300"
+                className="h-8 w-12 !bg-red-500 text-white hover:!bg-red-600 hover:!text-white"
               >
                 삭제
               </Button>
@@ -58,7 +58,7 @@ export default function PostDetailActions({ post, user }: Props) {
               <AlertDialogFooter>
                 <AlertDialogCancel>닫기</AlertDialogCancel>
                 <AlertDialogAction
-                  className="text-foreground bg-red-300 hover:bg-red-700/40"
+                  className="bg-red-500 text-white hover:bg-red-600 hover:!text-white"
                   onClick={handleDeleteClick}
                 >
                   삭제

src/components/recruits/select/Experience.tsx

@@ -24,6 +24,7 @@ function SelectExperience({ value, onValueChange, className }: Props) {
     >
       <SelectTrigger
         data-testid="select-experience"
+        aria-label="관련 경력 선택"
         className={cn("w-[230px]", className)}
       >
         <SelectValue placeholder="전체" />

src/components/recruits/select/Job.tsx

@@ -24,6 +24,7 @@ function SelectJob({ value, onValueChange, className }: Props) {
     >
       <SelectTrigger
         data-testid="select-job"
+        aria-label="현재 직무 선택"
         className={cn("w-[230px]", className)}
       >
         <SelectValue placeholder="전체" />

src/components/recruits/select/PositionRole.tsx

@@ -24,6 +24,7 @@ function SelectPositionRole({ value, onValueChange, className }: Props) {
     >
       <SelectTrigger
         data-testid="select-position"
+        aria-label="희망 포지션 선택"
         className={cn("w-[230px]", className)}
       >
         <SelectValue placeholder="전체" />

src/components/recruits/select/Region.tsx

@@ -24,6 +24,7 @@ function SelectRegion({ value, onValueChange, className }: Props) {
     >
       <SelectTrigger
         data-testid="select-region"
+        aria-label="활동 지역 선택"
         className={cn("w-[230px]", className)}
       >
         <SelectValue placeholder="전체" />

src/pages/find-teammates/index.tsx

@@ -206,7 +206,7 @@ export default function FindTeammates() {
                       <AlertDialogTrigger asChild>
                         <Button
                           variant="outline"
-                          className="!w-full !bg-red-400 text-white"
+                          className="!w-full !bg-red-600 text-white hover:!bg-red-700 hover:!text-white"
                         >
                           <Trash2 />
                           삭제
@@ -221,7 +221,7 @@ export default function FindTeammates() {
                         <AlertDialogFooter>
                           <AlertDialogCancel>닫기</AlertDialogCancel>
                           <AlertDialogAction
-                            className="text-foreground bg-red-300 hover:bg-red-700/40"
+                            className="bg-red-500 text-white hover:bg-red-600 hover:!text-white"
                             onClick={handleDeleteProfile}
                           >
                             삭제