FE: [feat] 시험 시작하기 라우팅 설정 #34

src/frontend/eyesee-user/src/app/enter/page.tsx

@@ -0,0 +1,14 @@
+import SubHeader from "@/components/common/SubHeader";
+import InputTestCode from "@/components/enterTestCode/InputTestCode";
+import React from "react";
+
+const enterPage = () => {
+  return (
+    <div className="bg-white w-screen h-screen">
+      <SubHeader title="시험 시작하기" />
+      <InputTestCode />
+    </div>
+  );
+};
+
+export default enterPage;

src/frontend/eyesee-user/src/components/common/Header.tsx

@@ -0,0 +1,5 @@
+const Header = () => {
+  return <div>Header</div>;
+};
+
+export default Header;

src/frontend/eyesee-user/src/components/common/NextButton.tsx

@@ -0,0 +1,5 @@
+const NextButton = () => {
+  return <div>NextButton</div>;
+};
+
+export default NextButton;

src/frontend/eyesee-user/src/components/common/SubHeader.tsx

@@ -0,0 +1,10 @@
+type SubHeaderProps = {
+  title: string;
+};
+const SubHeader = ({ title }: SubHeaderProps) => {
+  return (
+    <div className="text-[20px] font-bold mt-[8vh] ml-[10vw]">{title}</div>
+  );
+};
+
+export default SubHeader;

src/frontend/eyesee-user/src/components/enterTestCode/InputTestCode.tsx

@@ -0,0 +1,13 @@
+const InputTestCode = () => {
+  return (
+    <div className="flex flex-col items-center justify-center">
+      <div className="text-[#0E1D3C] text-[24px]">시험 코드 입력</div>
+      <input
+        type="text"
+        className="border-b border-black text-center text-[24px] font-semibold"
+      />
+    </div>
+  );
+};
+
+export default InputTestCode;

src/frontend/eyesee-user/src/components/home/HomeCta.tsx

@@ -1,9 +1,14 @@
+import Link from "next/link";
+
 const HomeCta = () => {
   return (
     <div className="mx-[8vw] flex flex-col items-center gap-4">
-      <button className="w-full py-4 rounded-[10px] bg-[rgba(237,237,237,0.8)] text-[#0e1d3c] text-[18px]]">
-        시험장 접속
-      </button>
+      <Link
+        href={"/enter"}
+        className="w-full py-4 rounded-[10px] bg-[rgba(237,237,237,0.8)] text-[#0e1d3c] text-[18px]]"
+      >
+        <button className="w-full">시험장 접속</button>
+      </Link>
       <button className="bg-none border-b border-white text-[#d9d9d9] text-[10px]">
         이용에 불편함이 있으신가요?
       </button>