[wip] 이벤트 등록 기본 뼈대 구성

src/adminPage/App.jsx

@@ -28,6 +28,11 @@ function App() {
             path="/events/create"
             element={<EventsCreatePage />}
           />
+          <Route
+            exact
+            path="/events/:id/edit"
+            element={<div>이벤트 수정하는 페이지</div>}
+          />
           <Route path="/events/:id" element={<EventsDetailPage />} />
           <Route path="/events" element={<EventsPage />} />
           <Route path="/comments/:id" element={<div>기대평 화면</div>} />

src/adminPage/features/eventEdit/Container.jsx

@@ -0,0 +1,21 @@
+import Button from "@common/components/Button.jsx";
+
+function EventEditContainer({title, children})
+{
+	return <section className="flex flex-col gap-8">
+		<div className="flex w-full justify-between">
+			<div>
+				<h2 className="text-title-m font-bold">{title}</h2>
+				<p className="text-detail-l">*는 필수 입력</p>
+			</div>
+			<div>
+				<Button>임시저장 불러오기</Button>
+				<Button>임시저장</Button>
+				<Button>등록</Button>
+			</div>
+		</div>
+		{children}
+	</section>
+}
+
+export default EventEditContainer;

src/adminPage/features/eventEdit/index.jsx

@@ -0,0 +1,21 @@
+import Input from "@common/components/Input.jsx";
+
+function EventEditor({defaultValue})
+{
+	return <div>
+		<label>
+			<span>이벤트 명<sup>*</sup></span>
+			<Input />
+		</label>
+		<label>
+			<span>이벤트 ID</span>
+			<span>(대충 이벤트 id 들어감)</span>
+		</label>
+		<div>
+			<span>이벤트 기간<sup>*</sup></span>
+
+		</div>
+	</div>
+}
+
+export default EventEditor;

src/adminPage/pages/EventsCreatePage.jsx

@@ -1,9 +1,13 @@
 import Container from "@admin/components/Container.jsx";
+import EventEditContainer from "../features/eventEdit/Container.jsx";
+import EventEditor from "../features/eventEdit/index.jsx";
 
 function EventsCreatePage() {
   return (
     <Container>
-      <div>이벤트 생성 화면 들어갈 예정</div>
+      <EventEditContainer title="이벤트 등록">
+        <EventEditor />
+      </EventEditContainer>
     </Container>
   );
 }