+
+
+
+
+
+ {/* 추가 버튼: 내용만큼만 */}
+
+
+ }
+ onCancel={() => {}}
+ onConfirm={() => {}}
+ />
+ );
+};
+
+export default AssignmentCreatePage;
From f040affe49afefc40689d0f1fc1f04e4cd605fd6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=ED=95=98=EC=A7=80=EB=AF=BC?=
<163178666+JiiminHa@users.noreply.github.com>
Date: Thu, 4 Sep 2025 08:57:03 +0900
Subject: [PATCH 07/42] =?UTF-8?q?#14=20feat:=20LabeledInput=20UI=20?=
=?UTF-8?q?=EA=B5=AC=ED=98=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
src/components/admin/form/LabeledInput.tsx | 73 ++++++++++++++++++++++
1 file changed, 73 insertions(+)
create mode 100644 src/components/admin/form/LabeledInput.tsx
diff --git a/src/components/admin/form/LabeledInput.tsx b/src/components/admin/form/LabeledInput.tsx
new file mode 100644
index 0000000..f5febc9
--- /dev/null
+++ b/src/components/admin/form/LabeledInput.tsx
@@ -0,0 +1,73 @@
+import {useState} from 'react';
+import {Chevrondown} from '@/assets/svg';
+
+type LabeledInputProps = {
+ label: string;
+ className?: string;
+ variant?: 'input' | 'dropdown';
+ options?: {value: string; label: string}[];
+} & React.InputHTMLAttributes
+
+ {label}
+
+
+ {selectedFile ? (
+
+ );
+}
From e1557901b5d576a748520dfd04bda334415734d0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=ED=95=98=EC=A7=80=EB=AF=BC?=
<163178666+JiiminHa@users.noreply.github.com>
Date: Fri, 5 Sep 2025 10:14:15 +0900
Subject: [PATCH 10/42] =?UTF-8?q?#14=20feat:=20=EC=98=88=EC=A0=9C=20?=
=?UTF-8?q?=EC=9E=85=EB=A0=A5=EB=9E=80=20=EB=8F=99=EC=A0=81=20=EC=B6=94?=
=?UTF-8?q?=EA=B0=80=20=EB=B0=8F=20=EB=9D=BC=EB=B2=A8=20=EA=B0=84=EA=B2=A9?=
=?UTF-8?q?=20=EA=B0=9C=EC=84=A0=20=EB=B0=8F=20=ED=8C=8C=EC=9D=BC=EC=97=85?=
=?UTF-8?q?=EB=A1=9C=EB=93=9C=20=EC=BB=B4=ED=8F=AC=EB=84=8C=ED=8A=B8=20?=
=?UTF-8?q?=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
.../assignments/AssignmentCreatePage.tsx | 56 +++++++++++++------
1 file changed, 38 insertions(+), 18 deletions(-)
diff --git a/src/pages/admin/assignments/AssignmentCreatePage.tsx b/src/pages/admin/assignments/AssignmentCreatePage.tsx
index 5e2fbce..e693ebe 100644
--- a/src/pages/admin/assignments/AssignmentCreatePage.tsx
+++ b/src/pages/admin/assignments/AssignmentCreatePage.tsx
@@ -1,7 +1,15 @@
import AssignmentFormLayout from '@/components/admin/assignments/AssignmentFormLayout';
import LabeledInput from '@/components/admin/form/LabeledInput';
+import FileUpload from '@/components/admin/form/FileUpload';
+import {useState} from 'react';
const AssignmentCreatePage = () => {
+ const [examples, setExamples] = useState([{input: '', output: '', 공개: ''}]);
+
+ const handleAddExample = () => {
+ setExamples([...examples, {input: '', output: '', 공개: ''}]);
+ };
+
return (
+ {selectedFile.name}
+
+
+ ) : (
+ inputRef.current?.click()}
+ onKeyDown={(e) =>
+ (e.key === 'Enter' || e.key === ' ') && inputRef.current?.click()
+ }
+ onDragEnter={handleDragEnter}
+ onDragLeave={handleDragLeave}
+ onDragOver={handleDragOver}
+ onDrop={handleDrop}
+ className={[
+ 'flex h-[166px] w-full cursor-pointer items-center justify-center rounded-[9px] border-1 border-dashed border-primary bg-background',
+ 'focus:outline-none focus:ring-2 focus:ring-primary',
+ ].join(' ')}>
+
+ )}
+
+
+
+
+
+ {description}
+
+
-
}
onCancel={() => {}}
From 418a352ced963795b2d54d1a8e0a9b12a49ee59f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=ED=95=98=EC=A7=80=EB=AF=BC?=
<163178666+JiiminHa@users.noreply.github.com>
Date: Thu, 11 Sep 2025 09:42:57 +0900
Subject: [PATCH 11/42] =?UTF-8?q?#14=20feat:=20=EA=B0=95=EC=9D=98=20?=
=?UTF-8?q?=EC=83=9D=EC=84=B1=20=ED=8E=98=EC=9D=B4=EC=A7=80=20=EA=B5=AC?=
=?UTF-8?q?=ED=98=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
src/pages/admin/courses/CourseCreatePage.tsx | 56 ++++++++++++++++++++
1 file changed, 56 insertions(+)
create mode 100644 src/pages/admin/courses/CourseCreatePage.tsx
diff --git a/src/pages/admin/courses/CourseCreatePage.tsx b/src/pages/admin/courses/CourseCreatePage.tsx
new file mode 100644
index 0000000..0e23e26
--- /dev/null
+++ b/src/pages/admin/courses/CourseCreatePage.tsx
@@ -0,0 +1,56 @@
+import AssignmentFormLayout from '@/components/admin/assignments/AssignmentFormLayout';
+import LabeledInput from '@/components/admin/form/LabeledInput';
+import FileUpload from '@/components/admin/form/FileUpload';
+import LabeledDropdown from '@/components/admin/form/LabeledDropdown';
+
+const CourseCreatePage = () => {
+ return (
+
+ {examples.map((ex, idx) => (
+
- {/* 추가 버튼: 내용만큼만 */}
-
+
+ ))}
+
+
+
{/* 제목 */}
- 학생 관리 기능이 여기에 들어갑니다.
}
+ onCancel={() => {}}
+ onConfirm={() => {}}
+ />
+ );
+}
From ec6d43210ec3f454fa5c64d59b12ae3a56546009 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=ED=95=98=EC=A7=80=EB=AF=BC?=
<163178666+JiiminHa@users.noreply.github.com>
Date: Wed, 24 Sep 2025 14:55:06 +0900
Subject: [PATCH 22/42] =?UTF-8?q?#13=20chore:=20prettier-plugin-tailwindcs?=
=?UTF-8?q?s=20=EC=84=A4=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
package-lock.json | 105 ++++++++++++++++++++++++++++++++++++++++++++++
package.json | 2 +
2 files changed, 107 insertions(+)
diff --git a/package-lock.json b/package-lock.json
index 0c36197..109a10b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -24,6 +24,8 @@
"eslint-plugin-react-hooks": "^5.2.0",
"eslint-plugin-react-refresh": "^0.4.20",
"globals": "^16.2.0",
+ "prettier": "^3.6.2",
+ "prettier-plugin-tailwindcss": "^0.6.14",
"tsconfig-paths": "^4.2.0",
"typescript": "~5.8.3",
"typescript-eslint": "^8.34.1",
@@ -3824,6 +3826,109 @@
"node": ">= 0.8.0"
}
},
+ "node_modules/prettier": {
+ "version": "3.6.2",
+ "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.6.2.tgz",
+ "integrity": "sha512-I7AIg5boAr5R0FFtJ6rCfD+LFsWHp81dolrFD8S79U9tb8Az2nGrJncnMSnys+bpQJfRUzqs9hnA81OAA3hCuQ==",
+ "dev": true,
+ "license": "MIT",
+ "bin": {
+ "prettier": "bin/prettier.cjs"
+ },
+ "engines": {
+ "node": ">=14"
+ },
+ "funding": {
+ "url": "https://github.com/prettier/prettier?sponsor=1"
+ }
+ },
+ "node_modules/prettier-plugin-tailwindcss": {
+ "version": "0.6.14",
+ "resolved": "https://registry.npmjs.org/prettier-plugin-tailwindcss/-/prettier-plugin-tailwindcss-0.6.14.tgz",
+ "integrity": "sha512-pi2e/+ZygeIqntN+vC573BcW5Cve8zUB0SSAGxqpB4f96boZF4M3phPVoOFCeypwkpRYdi7+jQ5YJJUwrkGUAg==",
+ "dev": true,
+ "license": "MIT",
+ "engines": {
+ "node": ">=14.21.3"
+ },
+ "peerDependencies": {
+ "@ianvs/prettier-plugin-sort-imports": "*",
+ "@prettier/plugin-hermes": "*",
+ "@prettier/plugin-oxc": "*",
+ "@prettier/plugin-pug": "*",
+ "@shopify/prettier-plugin-liquid": "*",
+ "@trivago/prettier-plugin-sort-imports": "*",
+ "@zackad/prettier-plugin-twig": "*",
+ "prettier": "^3.0",
+ "prettier-plugin-astro": "*",
+ "prettier-plugin-css-order": "*",
+ "prettier-plugin-import-sort": "*",
+ "prettier-plugin-jsdoc": "*",
+ "prettier-plugin-marko": "*",
+ "prettier-plugin-multiline-arrays": "*",
+ "prettier-plugin-organize-attributes": "*",
+ "prettier-plugin-organize-imports": "*",
+ "prettier-plugin-sort-imports": "*",
+ "prettier-plugin-style-order": "*",
+ "prettier-plugin-svelte": "*"
+ },
+ "peerDependenciesMeta": {
+ "@ianvs/prettier-plugin-sort-imports": {
+ "optional": true
+ },
+ "@prettier/plugin-hermes": {
+ "optional": true
+ },
+ "@prettier/plugin-oxc": {
+ "optional": true
+ },
+ "@prettier/plugin-pug": {
+ "optional": true
+ },
+ "@shopify/prettier-plugin-liquid": {
+ "optional": true
+ },
+ "@trivago/prettier-plugin-sort-imports": {
+ "optional": true
+ },
+ "@zackad/prettier-plugin-twig": {
+ "optional": true
+ },
+ "prettier-plugin-astro": {
+ "optional": true
+ },
+ "prettier-plugin-css-order": {
+ "optional": true
+ },
+ "prettier-plugin-import-sort": {
+ "optional": true
+ },
+ "prettier-plugin-jsdoc": {
+ "optional": true
+ },
+ "prettier-plugin-marko": {
+ "optional": true
+ },
+ "prettier-plugin-multiline-arrays": {
+ "optional": true
+ },
+ "prettier-plugin-organize-attributes": {
+ "optional": true
+ },
+ "prettier-plugin-organize-imports": {
+ "optional": true
+ },
+ "prettier-plugin-sort-imports": {
+ "optional": true
+ },
+ "prettier-plugin-style-order": {
+ "optional": true
+ },
+ "prettier-plugin-svelte": {
+ "optional": true
+ }
+ }
+ },
"node_modules/punycode": {
"version": "2.3.1",
"resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
diff --git a/package.json b/package.json
index dfa3505..a52ebdf 100644
--- a/package.json
+++ b/package.json
@@ -27,6 +27,8 @@
"eslint-plugin-react-hooks": "^5.2.0",
"eslint-plugin-react-refresh": "^0.4.20",
"globals": "^16.2.0",
+ "prettier": "^3.6.2",
+ "prettier-plugin-tailwindcss": "^0.6.14",
"tsconfig-paths": "^4.2.0",
"typescript": "~5.8.3",
"typescript-eslint": "^8.34.1",
From 0927964f90ae608b2d6072f8c1069309873dca49 Mon Sep 17 00:00:00 2001
From: suminb99 {title}
+
+
{/* 본문 */}
{title}
+ {titleExtra} +{content}
From 6e703f21ca75e728b6b8f2f506658b0150b987c9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=ED=95=98=EC=A7=80=EB=AF=BC?=
<163178666+JiiminHa@users.noreply.github.com>
Date: Mon, 22 Sep 2025 13:16:12 +0900
Subject: [PATCH 21/42] =?UTF-8?q?#13=20feat:=20StudentManagementPage=20?=
=?UTF-8?q?=EC=B4=88=EA=B8=B0=20=EB=A0=88=EC=9D=B4=EC=95=84=EC=9B=83=20?=
=?UTF-8?q?=EB=B0=8F=20=EA=B2=80=EC=83=89=20UI=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
.../admin/student/studentManagementPage.tsx | 30 +++++++++++++++++++
1 file changed, 30 insertions(+)
create mode 100644 src/pages/admin/student/studentManagementPage.tsx
diff --git a/src/pages/admin/student/studentManagementPage.tsx b/src/pages/admin/student/studentManagementPage.tsx
new file mode 100644
index 0000000..520304d
--- /dev/null
+++ b/src/pages/admin/student/studentManagementPage.tsx
@@ -0,0 +1,30 @@
+import AssignmentFormLayout from '@/components/admin/assignments/AssignmentFormLayout';
+import {Search} from '@/assets/svg';
+
+export default function StudentManagementPage() {
+ const titleExtra = (
+
+
+
+ );
+
+ return (
+
+
+
+
-
-
+
+
-
-
+
+
);
};
diff --git a/src/components/common/Dashboard/CourseList.tsx b/src/components/common/Dashboard/CourseList.tsx
index 403e373..e1c9577 100644
--- a/src/components/common/Dashboard/CourseList.tsx
+++ b/src/components/common/Dashboard/CourseList.tsx
@@ -2,6 +2,7 @@ import logo from '../../../assets/images/snowCode_logo_mini.svg';
import CourseCard from './CourseCard';
import {AddIcon} from '../../../assets/svg';
import type {Course, UserType} from './types';
+import Button from '../Button';
const courses: Course[] = [
{
@@ -45,10 +46,13 @@ const CourseList = ({userType}: CourseListProps) => {
강의 목록
{userType === 'admin' && (
-
)}
diff --git a/src/pages/admin/assignments/AssignmentCreatePage.tsx b/src/pages/admin/assignments/AssignmentCreatePage.tsx
index 0d4180d..1b27a2b 100644
--- a/src/pages/admin/assignments/AssignmentCreatePage.tsx
+++ b/src/pages/admin/assignments/AssignmentCreatePage.tsx
@@ -3,6 +3,8 @@ import LabeledInput from '@/components/admin/form/LabeledInput';
import FileUpload from '@/components/admin/form/FileUpload';
import {useState} from 'react';
import LabeledDropdown from '@/components/admin/form/LabeledDropdown';
+import Button from '@/components/common/Button';
+import {AddIcon} from '@/assets/svg';
const AssignmentCreatePage = () => {
const [examples, setExamples] = useState([{input: '', output: '', 공개: ''}]);
@@ -58,11 +60,10 @@ const AssignmentCreatePage = () => {
))}
-
+
- setSelected('student')}
onMouseEnter={() => setHover('student')}
- onMouseLeave={() => selected === 'none' && setHover('none')}
- selected={selected === 'student'}
- />
- selected === 'none' && setHover('none')}>
+ 학생
+
+
diff --git a/src/pages/common/UserIdInputPage.tsx b/src/pages/common/UserIdInputPage.tsx
index 1b241b7..d14d8fe 100644
--- a/src/pages/common/UserIdInputPage.tsx
+++ b/src/pages/common/UserIdInputPage.tsx
@@ -1,8 +1,8 @@
import {useState, useRef, useEffect} from 'react';
import {useNavigate, useLocation} from 'react-router-dom';
-import ActionButton from '../../components/common/ActionButton';
import SnowCodeEntryMini from '../../assets/images/snowCode_entry_mini.svg';
import {ArrowleftIcon} from '../../assets/svg';
+import Button from '@/components/common/Button';
export default function UserIdInputPage() {
const navigate = useNavigate();
@@ -78,13 +78,14 @@ export default function UserIdInputPage() {