update

src/app/components/footer/index.tsx

@@ -1,5 +1,7 @@
 'use client';
 
+import Link from 'next/link';
+
 import $ from "@/config.json";
 
 import "./index.css";
@@ -10,7 +12,7 @@ export default function Footer() {
 	return (
 		<footer>
 			<div id="link">
-				<a href={`${$.ENTRY_PATH}/privacy`}>개인정보처리방침</a>
+				<Link href="/privacy">개인정보처리방침</Link>
 				{/* <div className="divider">|</div>
 				<Link href="/service">서비스소개</Link> */}
 			</div>

src/app/components/navbar/index.tsx

@@ -5,12 +5,11 @@ import {
 	FaUserCircle, FaSignInAlt, FaUserPlus
 } from 'react-icons/fa';
 
-import $ from "@/config.json";
+import Link from 'next/link';
 
 import { randomKeyword } from "./randomKeyword.ts";
 
 import logo from "@/public/logo.png";
-
 import "./index.css";
 
 
@@ -19,21 +18,22 @@ export default function Navbar() {
 	return (
 		<nav>
 			<div id="logo">
-				<a href={`${$.ENTRY_PATH}/`}>
+				<Link href="/">
 					<img
 						src={logo.src}
 						alt="Logo"
 					/>
-				</a>
+				</Link>
 			</div>
 
 			<form
 				id="search"
+				role="search"
 				action="/search"
 				onSubmit={e => e.preventDefault()}
 			>
 				<input
-					type="text"
+					type="search"
 					placeholder={randomKeyword()}
 				/>
 				<button type="submit">
@@ -45,13 +45,13 @@ export default function Navbar() {
 				{/* <Link href="/my" id="my">
 					<FaUserCircle size={30}/>
 				</Link> */}
-				<a href={`${$.ENTRY_PATH}/login`} id="login">
+				<Link href="/login" id="login">
 					<FaSignInAlt/> 로그인
-				</a>
+				</Link>
 				<div className="divider">|</div>
-				<a href={`${$.ENTRY_PATH}/register`} id="register">
+				<Link href="/register" id="register">
 					<FaUserPlus/> 회원가입
-				</a>
+				</Link>
 			</div>
 		</nav>
 	);

src/app/page.module.css → src/app/page.css

@@ -1,4 +1,4 @@
-main {
+#main {
 	display: flex;
 	flex-direction: row;
 	justify-content: center;

src/app/page.tsx

@@ -8,15 +8,15 @@ import {
 import Navbar from "@/app/components/navbar";
 import Footer from "@/app/components/footer";
 
-import styles from "./page.module.css";
+import "./page.css";
 
 
 
 export default function Home() {
 	return (
 		<>
 			<Navbar/>
-			<main className={styles.main}>
+			<main id="main">
 				<div id="content">
 					<div id="next-time">
 						<span>다음 강의 : { "ChatGPT" }</span>