diff --git a/app/study/[id]/page.tsx b/app/study/[id]/page.tsx
index 4814695..61f2601 100644
--- a/app/study/[id]/page.tsx
+++ b/app/study/[id]/page.tsx
@@ -34,7 +34,12 @@ export default function StudyPage() {
   }
   return (
     <div className="flex space-x-4 justify-center">
-      <StudyDashBoard details={details} round={round} setRound={setRound} />
+      <StudyDashBoard
+        details={details}
+        studyId={Number(studyId)}
+        round={round}
+        setRound={setRound}
+      />
       <StudyAbout details={details} users={round.users} />
     </div>
   );
diff --git a/components/study/dashboard/dashboard.tsx b/components/study/dashboard/dashboard.tsx
index 70f9139..5a26f64 100644
--- a/components/study/dashboard/dashboard.tsx
+++ b/components/study/dashboard/dashboard.tsx
@@ -14,38 +14,64 @@ import {
   TableRow
 } from '@/components/ui/table/table';
 import getRound from '@/lib/api/study/get-round';
-import { AlgorithmRound, StudyDetails } from '@/types/study/study-detail';
+import { userState } from '@/recoil/userAtom';
+import {
+  AlgorithmProblemInfo,
+  AlgorithmRound,
+  StudyDetails
+} from '@/types/study/study-detail';
 import { useParams } from 'next/navigation';
+import { useRecoilState } from 'recoil';
+import FeedbackDialog from '../feedback-dialog';
 
 export default function StudyDashBoard({
   details,
+  studyId,
   round,
   setRound
 }: {
   details: StudyDetails;
+  studyId: number;
   round: AlgorithmRound;
   setRound: (round: AlgorithmRound) => void;
 }) {
   return (
     <div className="mt-5 bg-background rounded-lg border p-6 w-full max-w-4xl h-full">
       <DashBoardHeader round={round} setRound={setRound} details={details} />
-      <DashBoardBody round={round} />
+      <DashBoardBody round={round} studyId={studyId} />
     </div>
   );
 }
 
-function DashBoardBody({ round }: { round: AlgorithmRound }) {
+function DashBoardBody({
+  round,
+  studyId
+}: {
+  round: AlgorithmRound;
+  studyId: number;
+}) {
+  const [my, _] = useRecoilState(userState);
+  const myTasks = round.users[my!.id].tasks;
   return (
     <div className="overflow-auto rounded-lg border">
       <Table>
         <TableHeader>
           <TableRow>
             <TableHead className="text-center">스터디원</TableHead>
-            {Object.values(round.problems).map((problem, index) => (
-              <TableHead key={index} className="text-center">
-                {problem.title}
-              </TableHead>
-            ))}
+            {Object.entries(round.problems).map(
+              ([problemId, problem]: [string, AlgorithmProblemInfo], index) => (
+                <TableHead key={index} className="text-center">
+                  <p>{problem.title}</p>
+
+                  {myTasks[Number(problemId)] && (
+                    <FeedbackDialog
+                      problem={{ ...problem, problemId: Number(problemId) }}
+                      studyId={studyId}
+                    ></FeedbackDialog>
+                  )}
+                </TableHead>
+              )
+            )}
           </TableRow>
         </TableHeader>
         <TableBody>
diff --git a/components/study/dashboard/row.tsx b/components/study/dashboard/row.tsx
index 6e78c5a..71a0d79 100644
--- a/components/study/dashboard/row.tsx
+++ b/components/study/dashboard/row.tsx
@@ -6,7 +6,9 @@ import {
   StudyMemberInfo
 } from '@/types/study/study-detail';
 
+import { userState } from '@/recoil/userAtom';
 import { useState } from 'react';
+import { useRecoilState } from 'recoil';
 
 export function Row({
   userId,
@@ -23,6 +25,7 @@ export function Row({
     // await refreshSolveTF(userId);
     setIsLoading(false);
   };
+  const [my, _] = useRecoilState(userState);
 
   return (
     <TableRow>
@@ -32,11 +35,11 @@ export function Row({
           <RefreshIcon className={isLoading ? 'animate-spin' : ''} />
         </Button>
       </TableCell>
-      {Object.entries(problems).map(([key, value]) => (
+      {Object.entries(problems).map(([key, problem]) => (
         <TableCell key={key} className="text-center">
           {user.tasks[Number(key)] ? (
             <div className="flex items-center justify-center">
-              <CheckIcon className="w-5 h-5 text-primary" />
+              <CheckIcon className="w-5 h-5" />
             </div>
           ) : (
             <div className="flex items-center justify-center">
diff --git a/components/study/feedback-dialog.tsx b/components/study/feedback-dialog.tsx
new file mode 100644
index 0000000..f3855bc
--- /dev/null
+++ b/components/study/feedback-dialog.tsx
@@ -0,0 +1,196 @@
+'use client';
+import { Button } from '@/components/ui/button/button';
+import { Checkbox } from '@/components/ui/checkbox/checkbox';
+import {
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogFooter,
+  DialogTrigger
+} from '@/components/ui/dialog/dialog';
+import { Label } from '@/components/ui/label/label';
+import { RadioGroup, RadioGroupItem } from '@/components/ui/radio/radio-group';
+import giveDifficultyFeedback from '@/lib/api/algo/give-feedback';
+import { cn } from '@/lib/utils';
+import { FeedbackAlgorithmProblemReq } from '@/types/algo/feedback';
+import { AlgorithmProblemInfo } from '@/types/study/study-detail';
+import { useState } from 'react';
+import { toast } from 'react-toastify';
+import { FlagIcon, FrownIcon, SmileIcon } from '../ui/icon/icon';
+
+export default function FeedbackDialog({
+  problem,
+  studyId
+}: {
+  problem: AlgorithmProblemInfo;
+  studyId: number;
+}) {
+  const [difficulty, setDifficulty] = useState('3');
+  const [again, setAgain] = useState(false);
+
+  const handleSubmit = async () => {
+    const feedback: FeedbackAlgorithmProblemReq = {
+      problemId: problem.problemId,
+      studyId,
+      difficulty: Number(difficulty),
+      again
+    };
+    try {
+      const response = await giveDifficultyFeedback(feedback);
+      toast.success('피드백이 반영되었습니다.');
+    } catch (error: any) {
+      toast.error(error.response.data.error);
+      console.error(error);
+    }
+  };
+  return (
+    <Dialog>
+      <DialogTrigger asChild>
+        <Button variant="outline" className="px-1 py-0 h-min">
+          난이도 피드백
+        </Button>
+      </DialogTrigger>
+      <DialogContent className="sm:max-w-[425px]">
+        <div className="flex flex-col items-center justify-center gap-6">
+          <div className="space-y-2 text-center">
+            <h3 className="text-2xl font-bold">{problem.title}</h3>
+
+            <p className="text-muted-foreground">문제 난이도는 어떠셨나요?</p>
+          </div>
+          <RadioGroup
+            aria-label="Difficulty Level"
+            className="flex items-center gap-4 pb-4"
+            value={difficulty.toString()}
+            onValueChange={(value) => {
+              setDifficulty(value);
+            }}
+          >
+            <RadioGroupItem value="1" id="very-easy" className="peer sr-only" />
+            <Label
+              htmlFor="very-easy"
+              className="flex flex-col items-center gap-2 cursor-pointer"
+            >
+              <div
+                className={cn(
+                  'group border hover:bg-gray-600 aspect-square flex items-center justify-center w-12 rounded-full bg-primary text-primary-foreground peer-aria-checked:bg-primary peer-aria-checked:text-primary-foreground',
+                  difficulty == '1' ? 'bg-gray-900' : ''
+                )}
+              >
+                <SmileIcon
+                  className={cn(
+                    'w-6 h-6 group-hover:stroke-white rotate-180',
+                    difficulty == '1' ? 'stroke-white' : ''
+                  )}
+                />
+              </div>
+              <span className="text-sm font-medium">매우 쉬움</span>
+            </Label>
+            <RadioGroupItem value="2" id="easy" className="peer sr-only" />
+            <Label
+              htmlFor="easy"
+              className="flex flex-col items-center gap-2 cursor-pointer"
+            >
+              <div
+                className={cn(
+                  'group border hover:bg-gray-600 aspect-square flex items-center justify-center w-12 rounded-full bg-primary text-primary-foreground peer-aria-checked:bg-primary peer-aria-checked:text-primary-foreground',
+                  difficulty == '2' ? 'bg-gray-900' : ''
+                )}
+              >
+                <SmileIcon
+                  className={cn(
+                    'w-6 h-6 group-hover:stroke-white',
+                    difficulty == '2' ? 'stroke-white' : ''
+                  )}
+                />
+              </div>
+              <span className="text-sm font-medium">쉬움</span>
+            </Label>
+            <RadioGroupItem value="3" id="normal" className="peer sr-only" />
+            <Label
+              htmlFor="normal"
+              className="flex flex-col items-center gap-2 cursor-pointer"
+            >
+              <div
+                className={cn(
+                  'group border hover:bg-gray-600 aspect-square flex items-center justify-center w-12 rounded-full bg-primary text-primary-foreground peer-aria-checked:bg-primary peer-aria-checked:text-primary-foreground',
+                  difficulty == '3' ? 'bg-gray-900' : ''
+                )}
+              >
+                <FlagIcon
+                  className={cn(
+                    'w-6 h-6 group-hover:stroke-white',
+                    difficulty == '3' ? 'stroke-white' : ''
+                  )}
+                />
+              </div>
+              <span className="text-sm font-medium">보통</span>
+            </Label>
+            <RadioGroupItem value="4" id="difficult" className="peer sr-only" />
+            <Label
+              htmlFor="difficult"
+              className="flex flex-col items-center gap-2 cursor-pointer"
+            >
+              <div
+                className={cn(
+                  'group border hover:bg-gray-600 aspect-square flex items-center justify-center w-12 rounded-full bg-primary text-primary-foreground peer-aria-checked:bg-primary peer-aria-checked:text-primary-foreground',
+                  difficulty == '4' ? 'bg-gray-900' : ''
+                )}
+              >
+                <FrownIcon
+                  className={cn(
+                    'w-6 h-6 group-hover:stroke-white',
+                    difficulty == '4' ? 'stroke-white' : ''
+                  )}
+                />
+              </div>
+              <span className="text-sm font-medium">어려움</span>
+            </Label>
+            <RadioGroupItem
+              value="5"
+              id="very-difficult"
+              className="peer sr-only"
+            />
+            <Label
+              htmlFor="very-difficult"
+              className="flex flex-col items-center gap-2 cursor-pointer"
+            >
+              <div
+                className={cn(
+                  'group border hover:bg-gray-600 aspect-square flex items-center justify-center w-12 rounded-full bg-primary text-primary-foreground peer-aria-checked:bg-primary peer-aria-checked:text-primary-foreground',
+                  difficulty == '5' ? 'bg-gray-900' : ''
+                )}
+              >
+                <FrownIcon
+                  className={cn(
+                    'w-6 h-6 group-hover:stroke-white rotate-180',
+                    difficulty == '5' ? 'stroke-white' : ''
+                  )}
+                />
+              </div>
+              <span className="text-sm font-medium">매우 어려움</span>
+            </Label>
+          </RadioGroup>
+          <div className="flex items-center space-x-2">
+            <Checkbox
+              id="challenge-again"
+              checked={again}
+              onCheckedChange={(checked: any) => setAgain(checked)}
+            />
+            <Label htmlFor="challenge-again">다시 풀고 싶은 문제</Label>
+          </div>
+        </div>
+        <DialogFooter>
+          <DialogClose asChild>
+            <Button
+              className="hover:bg-gray-600 text-gray-50 bg-gray-900"
+              onClick={handleSubmit}
+              type="button"
+            >
+              피드백 제출
+            </Button>
+          </DialogClose>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  );
+}
diff --git a/components/ui/checkbox/checkbox.tsx b/components/ui/checkbox/checkbox.tsx
new file mode 100644
index 0000000..256b6b9
--- /dev/null
+++ b/components/ui/checkbox/checkbox.tsx
@@ -0,0 +1,30 @@
+'use client';
+
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import { Check } from 'lucide-react';
+import * as React from 'react';
+
+import { cn } from '@/lib/utils';
+
+const Checkbox = React.forwardRef<
+  React.ElementRef<typeof CheckboxPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>
+>(({ className, ...props }, ref) => (
+  <CheckboxPrimitive.Root
+    ref={ref}
+    className={cn(
+      'peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground',
+      className
+    )}
+    {...props}
+  >
+    <CheckboxPrimitive.Indicator
+      className={cn('flex items-center justify-center text-current')}
+    >
+      <Check className="h-4 w-4" />
+    </CheckboxPrimitive.Indicator>
+  </CheckboxPrimitive.Root>
+));
+Checkbox.displayName = CheckboxPrimitive.Root.displayName;
+
+export { Checkbox };
diff --git a/components/ui/icon/icon.tsx b/components/ui/icon/icon.tsx
index 67b5a7f..0912cce 100644
--- a/components/ui/icon/icon.tsx
+++ b/components/ui/icon/icon.tsx
@@ -236,3 +236,87 @@ export function RefreshIcon(props: Record<string, string>) {
     </svg>
   );
 }
+
+export function SmileIcon(props) {
+  return (
+    <svg
+      {...props}
+      xmlns="http://www.w3.org/2000/svg"
+      width="24"
+      height="24"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    >
+      <circle cx="12" cy="12" r="10" />
+      <path d="M8 14s1.5 2 4 2 4-2 4-2" />
+      <line x1="9" x2="9.01" y1="9" y2="9" />
+      <line x1="15" x2="15.01" y1="9" y2="9" />
+    </svg>
+  );
+}
+
+export function TagIcon(props) {
+  return (
+    <svg
+      {...props}
+      xmlns="http://www.w3.org/2000/svg"
+      width="24"
+      height="24"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    >
+      <path d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z" />
+      <circle cx="7.5" cy="7.5" r=".5" fill="currentColor" />
+    </svg>
+  );
+}
+
+export function FrownIcon(props) {
+  return (
+    <svg
+      {...props}
+      xmlns="http://www.w3.org/2000/svg"
+      width="24"
+      height="24"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    >
+      <circle cx="12" cy="12" r="10" />
+      <path d="M16 16s-1.5-2-4-2-4 2-4 2" />
+      <line x1="9" x2="9.01" y1="9" y2="9" />
+      <line x1="15" x2="15.01" y1="9" y2="9" />
+    </svg>
+  );
+}
+
+export function FlagIcon(props) {
+  return (
+    <svg
+      {...props}
+      xmlns="http://www.w3.org/2000/svg"
+      width="24"
+      height="24"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    >
+      <path d="M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z" />
+      <line x1="4" x2="4" y1="22" y2="15" />
+    </svg>
+  );
+}
diff --git a/components/ui/label/label.tsx b/components/ui/label/label.tsx
index fba3aeb..1d6cb99 100644
--- a/components/ui/label/label.tsx
+++ b/components/ui/label/label.tsx
@@ -1,6 +1,6 @@
-import * as React from 'react';
 import * as LabelPrimitive from '@radix-ui/react-label';
 import { cva, type VariantProps } from 'class-variance-authority';
+import * as React from 'react';
 
 import { cn } from '@/lib/utils';
 
diff --git a/lib/api/algo/give-feedback.ts b/lib/api/algo/give-feedback.ts
new file mode 100644
index 0000000..97d0d15
--- /dev/null
+++ b/lib/api/algo/give-feedback.ts
@@ -0,0 +1,19 @@
+import { getAuthenticationConfig } from '@/lib/utils';
+import { FeedbackAlgorithmProblemReq } from '@/types/algo/feedback';
+import axios from 'axios';
+
+/**
+ * 알고리즘 문제 난이도 피드백 API
+ * @param {FeedbackAlgorithmProblemReq} feedbackAlgorithmProblemReq 피드백 상세정보
+ *
+ */
+export default async function giveDifficultyFeedback(
+  feedbackAlgorithmProblemReq: FeedbackAlgorithmProblemReq
+) {
+  return axios.post(
+    `${process.env.NEXT_PUBLIC_API_SERVER_URL}/api/v1/algo/feedback`,
+
+    feedbackAlgorithmProblemReq,
+    getAuthenticationConfig()
+  );
+}
diff --git a/package-lock.json b/package-lock.json
index 35d7e93..1dd9c58 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,13 +10,14 @@
       "dependencies": {
         "@hookform/resolvers": "^3.6.0",
         "@radix-ui/react-avatar": "^1.1.0",
+        "@radix-ui/react-checkbox": "^1.1.1",
         "@radix-ui/react-dialog": "^1.1.0",
         "@radix-ui/react-dropdown-menu": "^2.0.6",
-        "@radix-ui/react-label": "^2.0.2",
+        "@radix-ui/react-label": "^2.1.0",
         "@radix-ui/react-navigation-menu": "^1.1.4",
         "@radix-ui/react-radio-group": "^1.2.0",
         "@radix-ui/react-select": "^2.1.0",
-        "@radix-ui/react-slot": "^1.0.2",
+        "@radix-ui/react-slot": "^1.1.0",
         "axios": "^1.7.2",
         "class-variance-authority": "^0.7.0",
         "clsx": "^2.1.1",
@@ -555,7 +556,105 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-avatar/node_modules/@radix-ui/react-compose-refs": {
+    "node_modules/@radix-ui/react-avatar/node_modules/@radix-ui/react-context": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.0.tgz",
+      "integrity": "sha512-OKrckBy+sMEgYM/sMmqmErVn0kZqrHPJze+Ql3DzYsDDp0hl0L62nx/2122/Bvps1qz645jlcu2tD9lrRSdf8A==",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-avatar/node_modules/@radix-ui/react-primitive": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.0.tgz",
+      "integrity": "sha512-ZSpFm0/uHa8zTvKBDjLFWLo8dkr4MBsiDLz0g3gMUwqgLHz9rTaRRGYDgvZPtBJgYCBKXkS9fzmoySgr8CO6Cw==",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.1.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-avatar/node_modules/@radix-ui/react-use-callback-ref": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-callback-ref/-/react-use-callback-ref-1.1.0.tgz",
+      "integrity": "sha512-CasTfvsy+frcFkbXtSJ2Zu9JHpN8TYKxkgJGWbjiZhFivxaeW7rMeZt7QELGVLaYVfFMsKHjb7Ak0nMEe+2Vfw==",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-avatar/node_modules/@radix-ui/react-use-layout-effect": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-layout-effect/-/react-use-layout-effect-1.1.0.tgz",
+      "integrity": "sha512-+FPE0rOdziWSrH9athwI1R0HDVbWlEhd+FR+aSDk4uWGmSJ9Z54sdZVDQPZAinJhJXwfT+qnj969mCsT2gfm5w==",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-checkbox": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-checkbox/-/react-checkbox-1.1.1.tgz",
+      "integrity": "sha512-0i/EKJ222Afa1FE0C6pNJxDq1itzcl3HChE9DwskA4th4KRse8ojx8a1nVcOjwJdbpDLcz7uol77yYnQNMHdKw==",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.0",
+        "@radix-ui/react-compose-refs": "1.1.0",
+        "@radix-ui/react-context": "1.1.0",
+        "@radix-ui/react-presence": "1.1.0",
+        "@radix-ui/react-primitive": "2.0.0",
+        "@radix-ui/react-use-controllable-state": "1.1.0",
+        "@radix-ui/react-use-previous": "1.1.0",
+        "@radix-ui/react-use-size": "1.1.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-checkbox/node_modules/@radix-ui/primitive": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.0.tgz",
+      "integrity": "sha512-4Z8dn6Upk0qk4P74xBhZ6Hd/w0mPEzOOLxy4xiPXOXqjF7jZS0VAKk7/x/H6FyY2zCkYJqePf1G5KmkmNJ4RBA=="
+    },
+    "node_modules/@radix-ui/react-checkbox/node_modules/@radix-ui/react-compose-refs": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.0.tgz",
       "integrity": "sha512-b4inOtiaOnYf9KWyO3jAeeCG6FeyfY6ldiEPanbUjWd+xIk5wZeHa8yVwmrJ2vderhu/BQvzCrJI0lHd+wIiqw==",
@@ -569,7 +668,7 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-avatar/node_modules/@radix-ui/react-context": {
+    "node_modules/@radix-ui/react-checkbox/node_modules/@radix-ui/react-context": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.0.tgz",
       "integrity": "sha512-OKrckBy+sMEgYM/sMmqmErVn0kZqrHPJze+Ql3DzYsDDp0hl0L62nx/2122/Bvps1qz645jlcu2tD9lrRSdf8A==",
@@ -583,7 +682,30 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-avatar/node_modules/@radix-ui/react-primitive": {
+    "node_modules/@radix-ui/react-checkbox/node_modules/@radix-ui/react-presence": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-presence/-/react-presence-1.1.0.tgz",
+      "integrity": "sha512-Gq6wuRN/asf9H/E/VzdKoUtT8GC9PQc9z40/vEr0VCJ4u5XvvhWIrSsCB6vD2/cH7ugTdSfYq9fLJCcM00acrQ==",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.0",
+        "@radix-ui/react-use-layout-effect": "1.1.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-checkbox/node_modules/@radix-ui/react-primitive": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.0.tgz",
       "integrity": "sha512-ZSpFm0/uHa8zTvKBDjLFWLo8dkr4MBsiDLz0g3gMUwqgLHz9rTaRRGYDgvZPtBJgYCBKXkS9fzmoySgr8CO6Cw==",
@@ -605,13 +727,10 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-avatar/node_modules/@radix-ui/react-slot": {
+    "node_modules/@radix-ui/react-checkbox/node_modules/@radix-ui/react-use-callback-ref": {
       "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.0.tgz",
-      "integrity": "sha512-FUCf5XMfmW4dtYl69pdS4DbxKy8nj4M7SafBgPllysxmdachynNflAdp/gCsnYWNDnge6tI9onzMp5ARYc1KNw==",
-      "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.0"
-      },
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-callback-ref/-/react-use-callback-ref-1.1.0.tgz",
+      "integrity": "sha512-CasTfvsy+frcFkbXtSJ2Zu9JHpN8TYKxkgJGWbjiZhFivxaeW7rMeZt7QELGVLaYVfFMsKHjb7Ak0nMEe+2Vfw==",
       "peerDependencies": {
         "@types/react": "*",
         "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
@@ -622,10 +741,13 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-avatar/node_modules/@radix-ui/react-use-callback-ref": {
+    "node_modules/@radix-ui/react-checkbox/node_modules/@radix-ui/react-use-controllable-state": {
       "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-callback-ref/-/react-use-callback-ref-1.1.0.tgz",
-      "integrity": "sha512-CasTfvsy+frcFkbXtSJ2Zu9JHpN8TYKxkgJGWbjiZhFivxaeW7rMeZt7QELGVLaYVfFMsKHjb7Ak0nMEe+2Vfw==",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-controllable-state/-/react-use-controllable-state-1.1.0.tgz",
+      "integrity": "sha512-MtfMVJiSr2NjzS0Aa90NPTnvTSg6C/JLCV7ma0W6+OMV78vd8OyRpID+Ng9LxzsPbLeuBnWBA1Nq30AtBIDChw==",
+      "dependencies": {
+        "@radix-ui/react-use-callback-ref": "1.1.0"
+      },
       "peerDependencies": {
         "@types/react": "*",
         "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
@@ -636,7 +758,7 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-avatar/node_modules/@radix-ui/react-use-layout-effect": {
+    "node_modules/@radix-ui/react-checkbox/node_modules/@radix-ui/react-use-layout-effect": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-use-layout-effect/-/react-use-layout-effect-1.1.0.tgz",
       "integrity": "sha512-+FPE0rOdziWSrH9athwI1R0HDVbWlEhd+FR+aSDk4uWGmSJ9Z54sdZVDQPZAinJhJXwfT+qnj969mCsT2gfm5w==",
@@ -650,6 +772,37 @@
         }
       }
     },
+    "node_modules/@radix-ui/react-checkbox/node_modules/@radix-ui/react-use-previous": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-previous/-/react-use-previous-1.1.0.tgz",
+      "integrity": "sha512-Z/e78qg2YFnnXcW88A4JmTtm4ADckLno6F7OXotmkQfeuCVaKuYzqAATPhVzl3delXE7CxIV8shofPn3jPc5Og==",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-checkbox/node_modules/@radix-ui/react-use-size": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-size/-/react-use-size-1.1.0.tgz",
+      "integrity": "sha512-XW3/vWuIXHa+2Uwcc2ABSfcCledmXhhQPlGbfcRXbiUQI5Icjcg19BGCZVKKInYbvUCut/ufbbLLPFC5cbb1hw==",
+      "dependencies": {
+        "@radix-ui/react-use-layout-effect": "1.1.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@radix-ui/react-collection": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-collection/-/react-collection-1.0.3.tgz",
@@ -676,6 +829,24 @@
         }
       }
     },
+    "node_modules/@radix-ui/react-collection/node_modules/@radix-ui/react-slot": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.0.2.tgz",
+      "integrity": "sha512-YeTpuq4deV+6DusvVUW4ivBgnkHwECUu0BiN43L5UCDFgdhsRUWAghhTF5MbvNTPzmiFOx90asDSUjWuCNapwg==",
+      "dependencies": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/react-compose-refs": "1.0.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@radix-ui/react-compose-refs": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.0.1.tgz",
@@ -711,9 +882,9 @@
       }
     },
     "node_modules/@radix-ui/react-dialog": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-dialog/-/react-dialog-1.1.0.tgz",
-      "integrity": "sha512-oiSJcsjbdC8JqbXrOuhOd7oaEaPp3x2L2zn6V7ie6SSpEjrAha/WabDX4po6laGwbhAu9DT0XxHL0DmcIXrR0A==",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-dialog/-/react-dialog-1.1.1.tgz",
+      "integrity": "sha512-zysS+iU4YP3STKNS6USvFVqI4qqx8EpiwmT5TuCApVEBca+eRCbONi4EgzfNSuVnOXvC5UPHHMjs8RXO6DH9Bg==",
       "dependencies": {
         "@radix-ui/primitive": "1.1.0",
         "@radix-ui/react-compose-refs": "1.1.0",
@@ -722,7 +893,7 @@
         "@radix-ui/react-focus-guards": "1.1.0",
         "@radix-ui/react-focus-scope": "1.1.0",
         "@radix-ui/react-id": "1.1.0",
-        "@radix-ui/react-portal": "1.1.0",
+        "@radix-ui/react-portal": "1.1.1",
         "@radix-ui/react-presence": "1.1.0",
         "@radix-ui/react-primitive": "2.0.0",
         "@radix-ui/react-slot": "1.1.0",
@@ -860,11 +1031,12 @@
       }
     },
     "node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-portal": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-portal/-/react-portal-1.1.0.tgz",
-      "integrity": "sha512-0tXZ5O6qAVvuN9SWP0X+zadHf9hzHiMf/vxOU+kXO+fbtS8lS57MXa6EmikDxk9s/Bmkk80+dcxgbvisIyeqxg==",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-portal/-/react-portal-1.1.1.tgz",
+      "integrity": "sha512-A3UtLk85UtqhzFqtoC8Q0KvR2GbXF3mtPgACSazajqq6A41mEQgo53iPzY4i6BwDxlIFqWIhiQ2G729n+2aw/g==",
       "dependencies": {
-        "@radix-ui/react-primitive": "2.0.0"
+        "@radix-ui/react-primitive": "2.0.0",
+        "@radix-ui/react-use-layout-effect": "1.1.0"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -926,23 +1098,6 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-slot": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.0.tgz",
-      "integrity": "sha512-FUCf5XMfmW4dtYl69pdS4DbxKy8nj4M7SafBgPllysxmdachynNflAdp/gCsnYWNDnge6tI9onzMp5ARYc1KNw==",
-      "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.0"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-use-callback-ref": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-use-callback-ref/-/react-use-callback-ref-1.1.0.tgz",
@@ -1163,18 +1318,39 @@
       }
     },
     "node_modules/@radix-ui/react-label": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-label/-/react-label-2.0.2.tgz",
-      "integrity": "sha512-N5ehvlM7qoTLx7nWPodsPYPgMzA5WM8zZChQg8nyFJKnDO5WHdba1vv5/H6IO5LtJMfD2Q3wh1qHFGNtK0w3bQ==",
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-label/-/react-label-2.1.0.tgz",
+      "integrity": "sha512-peLblDlFw/ngk3UWq0VnYaOLy6agTZZ+MUO/WhVfm14vJGML+xH4FAl2XQGLqdefjNb7ApRg6Yn7U42ZhmYXdw==",
       "dependencies": {
-        "@babel/runtime": "^7.13.10",
-        "@radix-ui/react-primitive": "1.0.3"
+        "@radix-ui/react-primitive": "2.0.0"
       },
       "peerDependencies": {
         "@types/react": "*",
         "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0",
-        "react-dom": "^16.8 || ^17.0 || ^18.0"
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-label/node_modules/@radix-ui/react-primitive": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.0.tgz",
+      "integrity": "sha512-ZSpFm0/uHa8zTvKBDjLFWLo8dkr4MBsiDLz0g3gMUwqgLHz9rTaRRGYDgvZPtBJgYCBKXkS9fzmoySgr8CO6Cw==",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.1.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
       },
       "peerDependenciesMeta": {
         "@types/react": {
@@ -1225,6 +1401,24 @@
         }
       }
     },
+    "node_modules/@radix-ui/react-menu/node_modules/@radix-ui/react-slot": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.0.2.tgz",
+      "integrity": "sha512-YeTpuq4deV+6DusvVUW4ivBgnkHwECUu0BiN43L5UCDFgdhsRUWAghhTF5MbvNTPzmiFOx90asDSUjWuCNapwg==",
+      "dependencies": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/react-compose-refs": "1.0.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@radix-ui/react-navigation-menu": {
       "version": "1.1.4",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-navigation-menu/-/react-navigation-menu-1.1.4.tgz",
@@ -1363,6 +1557,24 @@
         }
       }
     },
+    "node_modules/@radix-ui/react-primitive/node_modules/@radix-ui/react-slot": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.0.2.tgz",
+      "integrity": "sha512-YeTpuq4deV+6DusvVUW4ivBgnkHwECUu0BiN43L5UCDFgdhsRUWAghhTF5MbvNTPzmiFOx90asDSUjWuCNapwg==",
+      "dependencies": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/react-compose-refs": "1.0.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@radix-ui/react-radio-group": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-radio-group/-/react-radio-group-1.2.0.tgz",
@@ -1558,23 +1770,6 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-radio-group/node_modules/@radix-ui/react-slot": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.0.tgz",
-      "integrity": "sha512-FUCf5XMfmW4dtYl69pdS4DbxKy8nj4M7SafBgPllysxmdachynNflAdp/gCsnYWNDnge6tI9onzMp5ARYc1KNw==",
-      "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.0"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/@radix-ui/react-radio-group/node_modules/@radix-ui/react-use-callback-ref": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-use-callback-ref/-/react-use-callback-ref-1.1.0.tgz",
@@ -1974,23 +2169,6 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-select/node_modules/@radix-ui/react-slot": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.0.tgz",
-      "integrity": "sha512-FUCf5XMfmW4dtYl69pdS4DbxKy8nj4M7SafBgPllysxmdachynNflAdp/gCsnYWNDnge6tI9onzMp5ARYc1KNw==",
-      "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.0"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/@radix-ui/react-select/node_modules/@radix-ui/react-use-callback-ref": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-use-callback-ref/-/react-use-callback-ref-1.1.0.tgz",
@@ -2153,16 +2331,29 @@
       }
     },
     "node_modules/@radix-ui/react-slot": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.0.2.tgz",
-      "integrity": "sha512-YeTpuq4deV+6DusvVUW4ivBgnkHwECUu0BiN43L5UCDFgdhsRUWAghhTF5MbvNTPzmiFOx90asDSUjWuCNapwg==",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.0.tgz",
+      "integrity": "sha512-FUCf5XMfmW4dtYl69pdS4DbxKy8nj4M7SafBgPllysxmdachynNflAdp/gCsnYWNDnge6tI9onzMp5ARYc1KNw==",
       "dependencies": {
-        "@babel/runtime": "^7.13.10",
-        "@radix-ui/react-compose-refs": "1.0.1"
+        "@radix-ui/react-compose-refs": "1.1.0"
       },
       "peerDependencies": {
         "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0"
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-slot/node_modules/@radix-ui/react-compose-refs": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.0.tgz",
+      "integrity": "sha512-b4inOtiaOnYf9KWyO3jAeeCG6FeyfY6ldiEPanbUjWd+xIk5wZeHa8yVwmrJ2vderhu/BQvzCrJI0lHd+wIiqw==",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
       },
       "peerDependenciesMeta": {
         "@types/react": {
diff --git a/package.json b/package.json
index 166cdc2..4510959 100644
--- a/package.json
+++ b/package.json
@@ -10,14 +10,15 @@
   },
   "dependencies": {
     "@hookform/resolvers": "^3.6.0",
+    "@radix-ui/react-checkbox": "^1.1.1",
     "@radix-ui/react-avatar": "^1.1.0",
     "@radix-ui/react-dialog": "^1.1.0",
     "@radix-ui/react-dropdown-menu": "^2.0.6",
-    "@radix-ui/react-label": "^2.0.2",
+    "@radix-ui/react-label": "^2.1.0",
     "@radix-ui/react-navigation-menu": "^1.1.4",
     "@radix-ui/react-radio-group": "^1.2.0",
     "@radix-ui/react-select": "^2.1.0",
-    "@radix-ui/react-slot": "^1.0.2",
+    "@radix-ui/react-slot": "^1.1.0",
     "axios": "^1.7.2",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
diff --git a/types/algo/feedback.ts b/types/algo/feedback.ts
new file mode 100644
index 0000000..6eec80f
--- /dev/null
+++ b/types/algo/feedback.ts
@@ -0,0 +1,6 @@
+export interface FeedbackAlgorithmProblemReq {
+  studyId: number;
+  problemId: number;
+  again: boolean;
+  difficulty: number;
+}
diff --git a/types/study/study-detail.ts b/types/study/study-detail.ts
index 50d38fe..7dfa6f6 100644
--- a/types/study/study-detail.ts
+++ b/types/study/study-detail.ts
@@ -42,4 +42,4 @@ export interface StudyMemberInfo {
   tasks: {
     [problemId: number]: boolean;
   };
-}
\ No newline at end of file
+}