Merge pull request #96 from FE9-2/feat/CI

Feat : 깃헙 액션 - CI 추가

Author: yyezzzy

.github/workflows/workflow.yml

@@ -0,0 +1,40 @@
+name: workRoot CI
+
+on:
+  push:
+    branches:
+      - main # main 브랜치에 푸시될 때 실행
+      - dev
+  pull_request:
+    branches:
+      - dev
+
+jobs:
+  lint-and-build:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v3
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: "20" # 최신 Node.js 20.x.x 버전 사용
+
+      - name: Cache dependencies
+        uses: actions/cache@v3
+        with:
+          path: ~/.npm
+          key: ${{ runner.os }}-node-${{ hashFiles('**/package-lock.json') }}
+          restore-keys: |
+            ${{ runner.os }}-node-
+
+      - name: Install dependencies
+        run: npm install
+
+      - name: Run linter
+        run: npm run lint
+
+      - name: Build project
+        run: npm run build

src/app/(pages)/(addform)/addform/sections/WorkCondition.tsx

@@ -56,15 +56,17 @@ export default function WorkCondition({ formData, onUpdate }: WorkConditionProps
     if (start) setValue("workStartDate", start.toISOString());
     if (end) setValue("workEndDate", end.toISOString());
   };
+
   const errorTextStyle =
     "absolute -bottom-[26px] right-1 text-[13px] text-sm font-medium leading-[22px] text-state-error lg:text-base lg:leading-[26px]";
 
   return (
     <div className="relative">
       <FormProvider {...methods}>
         <form onSubmit={handleSubmit(onSubmit)} className="my-8 flex flex-col gap-4">
+          {/* 지도 API 연동 */}
           <Label>근무 위치</Label>
-          <LocationInput variant="white" />
+          <LocationInput variant="white" {...register("location", { required: "근무 위치를 작성해주세요." })} />
 
           <div className="relative flex flex-col gap-2">
             <Label>근무 기간</Label>
@@ -94,7 +96,12 @@ export default function WorkCondition({ formData, onUpdate }: WorkConditionProps
           </div>
 
           <Label>시급</Label>
-          <BaseInput variant="white" afterString="원" type="number" />
+          <BaseInput
+            {...register("hourlyWage", { required: "시급을 작성해주세요." })}
+            variant="white"
+            afterString="원"
+            errormessage={errors.hourlyWage?.message}
+          />
 
           <Label>공개 설정</Label>
           <div className="flex px-[14px]">

src/app/components/button/default/CheckBtn.tsx

@@ -6,6 +6,7 @@ interface CheckBtnProps extends InputHTMLAttributes<HTMLInputElement> {
   label: string; // 체크박스의 레이블
   name: string; // 체크박스의 name 속성
   value: string; // 체크박스의 value 속성
+  checked?: boolean; // 체크박스가 선택된 상태인지 여부
   disabled?: boolean; // 체크박스가 비활성화된 상태인지 여부
   onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
 }

src/app/components/input/text/LocationInput.tsx

@@ -3,19 +3,24 @@
 import { IoLocationSharp } from "react-icons/io5";
 import BaseInput from "./BaseInput";
 import { BaseInputProps } from "@/types/textInput";
+import { forwardRef } from "react";
 
-const LocationInput = ({ type = "text", variant, errormessage, feedbackMessage, ...props }: BaseInputProps) => {
-  return (
-    <BaseInput
-      type={type}
-      variant={variant || "white"}
-      beforeIcon={<IoLocationSharp className="size-6 text-grayscale-100 lg:size-8" />}
-      placeholder="위치를 입력해주세요."
-      errormessage={errormessage}
-      feedbackMessage={feedbackMessage}
-      {...props}
-    />
-  );
-};
+const LocationInput = forwardRef<HTMLInputElement, BaseInputProps>(
+  ({ type = "text", variant, errormessage, feedbackMessage, ...props }, ref) => {
+    return (
+      <BaseInput
+        type={type}
+        variant={variant || "white"}
+        beforeIcon={<IoLocationSharp className="size-6 text-grayscale-100 lg:size-8" />}
+        placeholder="위치를 입력해주세요."
+        errormessage={errormessage}
+        feedbackMessage={feedbackMessage}
+        {...props}
+      />
+    );
+  }
+);
+
+LocationInput.displayName = "LocationInput";
 
 export default LocationInput;

src/types/textInput.d.ts

@@ -30,4 +30,5 @@ export interface BaseFileInputProps {
   placeholder: string;
   onChange?: (event: Event) => void;
   accept?: string;
+  isImage?: boolean;
 }