From 04fc69748c6eddd67accf4b6e724892bcf6073ac Mon Sep 17 00:00:00 2001
From: dorimu0 <121004915+dorimu0@users.noreply.github.com>
Date: Mon, 1 Jul 2024 19:15:16 +0900
Subject: [PATCH 1/2] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20refactor=20:=20Edit=20?=
 =?UTF-8?q?text=20in=20code=20to=20Japanese?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Changed Korean text in the code to Japanese

Related issue: #81
---
 .../[cId]/[mId]/components/Attendance.tsx     | 16 ++++++-------
 .../[cId]/[mId]/components/AttendanceCard.tsx | 14 +++++------
 .../[mId]/components/AttendanceContainer.tsx  | 24 +++++++++----------
 .../[cId]/[mId]/components/CalendarModal.tsx  |  2 +-
 .../[mId]/components/FeedbackContainer.tsx    | 11 +++++----
 .../[mId]/components/FeedbackKeywordList.tsx  |  4 +---
 .../[cId]/[mId]/components/FeedbackList.tsx   |  2 +-
 .../[mId]/components/ManageContainer.tsx      | 10 ++++----
 .../[cId]/[mId]/components/QuizList.tsx       | 18 +++++++-------
 .../[cId]/[mId]/components/QuizReport.tsx     |  2 +-
 .../[cId]/[mId]/components/QuizSet.tsx        | 10 ++++----
 .../[cId]/[mId]/components/UserContainer.tsx  | 10 ++++----
 .../components/subComponents/SubContainer.tsx |  6 ++---
 .../[mId]/quizForm/components/QuizForm.tsx    | 10 ++++----
 src/app/components/login/Login.tsx            | 12 ++++------
 src/app/page.tsx                              |  6 ++---
 src/components/navbar/Navbar.tsx              |  8 +++----
 .../navbar/material/MaterialContainer.tsx     | 12 +++++-----
 .../navbar/material/MaterialForm.tsx          | 22 +++++++++--------
 src/components/navbar/profile/EditName.tsx    |  6 ++---
 src/components/navbar/profile/Profile.tsx     |  6 ++---
 21 files changed, 106 insertions(+), 105 deletions(-)

diff --git a/src/app/classes/[cId]/[mId]/components/Attendance.tsx b/src/app/classes/[cId]/[mId]/components/Attendance.tsx
index a205d1e..f7cf57a 100644
--- a/src/app/classes/[cId]/[mId]/components/Attendance.tsx
+++ b/src/app/classes/[cId]/[mId]/components/Attendance.tsx
@@ -62,7 +62,7 @@ const Attendance = () => {
         <div className="w-full h-[500px]">
           <div className="text-xl font-semibold text-center">Attendance</div>
           <div className="text-lg font-semibold text-green-400 text-center">
-            출석률 : 100%
+            出席率 : 100%
           </div>
           <div className="p-5 overflow-scroll">
             {AttendanceUsers.map((user, index) => (
@@ -92,9 +92,9 @@ const Attendance = () => {
                           onChange={handleSelectChange}
                           value={user.IsAttendance}
                         >
-                          <option value="ATTENDANCE">출석</option>
-                          <option value="TARDY">지각</option>
-                          <option value="ABSENCE">결석</option>
+                          <option value="ATTENDANCE">出席</option>
+                          <option value="TARDY">遅刻</option>
+                          <option value="ABSENCE">欠席</option>
                         </select>
                         <div>
                           <button
@@ -108,7 +108,7 @@ const Attendance = () => {
                               )
                             }
                           >
-                            수정
+                            修正
                           </button>
                         </div>
                       </div>
@@ -116,10 +116,10 @@ const Attendance = () => {
                       <div className="flex items-center">
                         <div>
                           {user.IsAttendance === 'ATTENDANCE'
-                            ? '출석'
+                            ? '出席'
                             : user.IsAttendance === 'TARDY'
-                            ? '지각'
-                            : '결석'}
+                            ? '遅刻'
+                            : '欠席'}
                         </div>
                         <span
                           className="px-2"
diff --git a/src/app/classes/[cId]/[mId]/components/AttendanceCard.tsx b/src/app/classes/[cId]/[mId]/components/AttendanceCard.tsx
index d5f2762..64093bf 100644
--- a/src/app/classes/[cId]/[mId]/components/AttendanceCard.tsx
+++ b/src/app/classes/[cId]/[mId]/components/AttendanceCard.tsx
@@ -49,7 +49,7 @@ const AttendanceCard = ({cid}: {cid: number; uid: number}) => {
             setIsOpen(true);
           }}
         >
-          출석부
+          出席簿
         </button>
       </div>
       {isOpen ? (
@@ -58,7 +58,7 @@ const AttendanceCard = ({cid}: {cid: number; uid: number}) => {
             className=" bg-white rounded-lg w-[500px] h-[630px] px-4 py-10 box-border"
             id="modal-container"
           >
-            <div className="text-center text-lg text-gray-500">출석부</div>
+            <div className="text-center text-lg text-gray-500">出席簿</div>
             <div className="relative h-[calc(100%-28px)]">
               {users.map((user, index) => (
                 <div
@@ -74,19 +74,19 @@ const AttendanceCard = ({cid}: {cid: number; uid: number}) => {
                       className="px-3 hover:bg-gray-200 border-s-2"
                       onClick={() => handleClickStatus(user.uid, 'ATTENDANCE')}
                     >
-                      출석
+                      出席
                     </button>
                     <button
                       className="px-2 hover:bg-gray-200 border-s-2"
                       onClick={() => handleClickStatus(user.uid, 'TARDY')}
                     >
-                      지각
+                      遅刻
                     </button>
                     <button
                       className="px-2 hover:bg-gray-200 border-s-2"
                       onClick={() => handleClickStatus(user.uid, 'ABSENCE')}
                     >
-                      결석
+                      欠席
                     </button>
                   </div>
                 </div>
@@ -98,13 +98,13 @@ const AttendanceCard = ({cid}: {cid: number; uid: number}) => {
                     setIsOpen(false);
                   }}
                 >
-                  닫기
+                  閉じる
                 </button>
                 <button
                   className="px-3 py-1 bg-blue-400 text-white rounded-lg"
                   onClick={handleClickSave}
                 >
-                  저장
+                  セーブ
                 </button>
               </div>
             </div>
diff --git a/src/app/classes/[cId]/[mId]/components/AttendanceContainer.tsx b/src/app/classes/[cId]/[mId]/components/AttendanceContainer.tsx
index 240f52c..9b24b3a 100644
--- a/src/app/classes/[cId]/[mId]/components/AttendanceContainer.tsx
+++ b/src/app/classes/[cId]/[mId]/components/AttendanceContainer.tsx
@@ -208,18 +208,18 @@ const AttendanceContainer = () => {
               setCurrentMonth(parseInt(e.target.value))
             }
           >
-            <option value="1">1월</option>
-            <option value="2">2월</option>
-            <option value="3">3월</option>
-            <option value="4">4월</option>
-            <option value="5">5월</option>
-            <option value="6">6월</option>
-            <option value="7">7월</option>
-            <option value="8">8월</option>
-            <option value="9">9월</option>
-            <option value="10">10월</option>
-            <option value="11">11월</option>
-            <option value="12">12월</option>
+            <option value="1">1月</option>
+            <option value="2">2月</option>
+            <option value="3">3月</option>
+            <option value="4">4月</option>
+            <option value="5">5月</option>
+            <option value="6">6月</option>
+            <option value="7">7月</option>
+            <option value="8">8月</option>
+            <option value="9">9月</option>
+            <option value="10">10月</option>
+            <option value="11">11月</option>
+            <option value="12">12月</option>
           </select>
           <button onClick={() => changeMonth(1)} className="px-2">
             {'>'}
diff --git a/src/app/classes/[cId]/[mId]/components/CalendarModal.tsx b/src/app/classes/[cId]/[mId]/components/CalendarModal.tsx
index 920531f..9ca2765 100644
--- a/src/app/classes/[cId]/[mId]/components/CalendarModal.tsx
+++ b/src/app/classes/[cId]/[mId]/components/CalendarModal.tsx
@@ -51,7 +51,7 @@ const CalendarModal = ({
             className="bg-blue-500 text-white px-3 py-1 rounded-lg"
             onClick={handleClickSave}
           >
-            확인
+            確認
           </button>
         </div>
       </div>
diff --git a/src/app/classes/[cId]/[mId]/components/FeedbackContainer.tsx b/src/app/classes/[cId]/[mId]/components/FeedbackContainer.tsx
index cb8762d..f9bf8a1 100644
--- a/src/app/classes/[cId]/[mId]/components/FeedbackContainer.tsx
+++ b/src/app/classes/[cId]/[mId]/components/FeedbackContainer.tsx
@@ -23,7 +23,7 @@ const FeedbackContainer = (props: {cId: number}) => {
   return (
     <div className="">
       <div className="flex justify-between items-center p-4">
-        <div className="text-gray-500 text-lg">피드백 요청</div>
+        <div className="text-gray-500 text-lg">フィードバックリクエスト</div>
         {material ? (
           <FeedbackForm
             cId={props.cId}
@@ -37,18 +37,19 @@ const FeedbackContainer = (props: {cId: number}) => {
         {feedbacks.length === 0 ? (
           <div>
             <div className="text-4xl p-6 font-bold">
-              아직 피드백이 없습니다.
+              まだフィードバックはありません。
             </div>
 
             <div className="text-3xl p-3 font-semibold">
-              피드백이 생성될 때까지 기다리거나 <br /> 관리자에게 문의하세요.
+              フィードバックが生成されるまで待ったり <br />{' '}
+              管理者にお問い合わせください。
             </div>
             <div className="h-20"></div>
           </div>
         ) : (
           <div>
             <div className="text-3xl p-3 font-semibold">
-              이 자료에 대한 피드백
+              この資料へのフィードバック
             </div>
             <div>
               <FeedbackList feedbacks={feedbacks} />
@@ -57,7 +58,7 @@ const FeedbackContainer = (props: {cId: number}) => {
         )}
         <div>
           <div className="text-2xl font-semibold p-5">
-            ✅ 사용자가 질문한 내용과 가장 관련성이 높은 페이지
+            ✅ ユーザーが質問した内容と最も関連性の高いページ
           </div>
           {material ? (
             <FeedbackKeywordList cId={props.cId} mId={parseInt(material?.id)} />
diff --git a/src/app/classes/[cId]/[mId]/components/FeedbackKeywordList.tsx b/src/app/classes/[cId]/[mId]/components/FeedbackKeywordList.tsx
index 35dea95..7d75232 100644
--- a/src/app/classes/[cId]/[mId]/components/FeedbackKeywordList.tsx
+++ b/src/app/classes/[cId]/[mId]/components/FeedbackKeywordList.tsx
@@ -88,9 +88,7 @@ const FeedbackKeywordList = ({cId, mId}: {cId: number; mId: number}) => {
           ))
         )
       ) : (
-        <div className="text-blue-400">
-          현재 질문 데이터가 존재하지 않습니다.
-        </div>
+        <div className="text-blue-400">現在、質問データが存在しません。</div>
       )}
     </div>
   );
diff --git a/src/app/classes/[cId]/[mId]/components/FeedbackList.tsx b/src/app/classes/[cId]/[mId]/components/FeedbackList.tsx
index 1423755..92a8ba6 100644
--- a/src/app/classes/[cId]/[mId]/components/FeedbackList.tsx
+++ b/src/app/classes/[cId]/[mId]/components/FeedbackList.tsx
@@ -42,7 +42,7 @@ const FeedbackList = ({feedbacks}: {feedbacks: feedback[]}) => {
                     className="bg-red-400 p-2 text-white"
                     onClick={() => handleClickDelete(feedback.id)}
                   >
-                    삭제
+                    削除
                   </button>
                 </div>
               </div>
diff --git a/src/app/classes/[cId]/[mId]/components/ManageContainer.tsx b/src/app/classes/[cId]/[mId]/components/ManageContainer.tsx
index 32a2500..7c4312d 100644
--- a/src/app/classes/[cId]/[mId]/components/ManageContainer.tsx
+++ b/src/app/classes/[cId]/[mId]/components/ManageContainer.tsx
@@ -8,13 +8,13 @@ import AttendanceContainer from './AttendanceContainer';
 import '@/src/styles/variable.css';
 
 const ManageContainer = (props: {cId: string}) => {
-  const tabs = ['자료', '퀴즈', '피드백', '출석'];
+  const tabs = ['資料', 'クイズ', 'フィードバック', '出席'];
   const [activeTab, setActiveTab] = useState(tabs[0]);
   const tabMapping = {
-    자료: <ManageMaterialContainer />,
-    퀴즈: <QuizContainer cId={parseInt(props.cId)} />,
-    피드백: <FeedbackContainer cId={parseInt(props.cId)} />,
-    출석: <AttendanceContainer />,
+    資料: <ManageMaterialContainer />,
+    クイズ: <QuizContainer cId={parseInt(props.cId)} />,
+    フィードバック: <FeedbackContainer cId={parseInt(props.cId)} />,
+    出席: <AttendanceContainer />,
   };
   return (
     // 퀴즈
diff --git a/src/app/classes/[cId]/[mId]/components/QuizList.tsx b/src/app/classes/[cId]/[mId]/components/QuizList.tsx
index 13d2f88..b60483b 100644
--- a/src/app/classes/[cId]/[mId]/components/QuizList.tsx
+++ b/src/app/classes/[cId]/[mId]/components/QuizList.tsx
@@ -98,7 +98,7 @@ const QuizList = (props: {cId: number; mId: number; mName: string}) => {
             height={25}
             alt="icon"
           />
-          <span>퀴즈 목록</span>
+          <span>クイズリスト</span>
         </div>
         {isSubmit ? null : (
           <div className="w-6 h-6 flex justify-center items-center bg-blue-500 text-white text-xl font-medium rounded-lg ml-4">
@@ -118,7 +118,7 @@ const QuizList = (props: {cId: number; mId: number; mName: string}) => {
       </div>
       <div className={isShow ? '' : 'hidden'}>
         <div className="flex items-center pl-[25px] py-2 ">
-          <span className="pr-2 font-semibold">마감 기한 :</span>
+          <span className="pr-2 font-semibold">締め切り :</span>
           {isSubmit ? (
             <div className="text-red-500 font-semibold">
               {moment(deadLine).format('YYYY-MM-DD / HH:mm')}
@@ -133,7 +133,7 @@ const QuizList = (props: {cId: number; mId: number; mName: string}) => {
               >
                 {deadLine
                   ? moment(deadLine).format('YYYY-MM-DD / HH:mm')
-                  : '마감기한을 설정해주세요'}
+                  : '期限を設定してください'}
               </button>
               {isOpen ? (
                 <CalendarModal
@@ -194,10 +194,10 @@ const QuizList = (props: {cId: number; mId: number; mName: string}) => {
                         )
                       )}
                       <div className="font-semibold pt-2">
-                        정답: {quiz.content.commentary.correctAnswer}
+                        正解: {quiz.content.commentary.correctAnswer}
                       </div>
                       <p>
-                        <span className="font-semibold">해설: </span>
+                        <span className="font-semibold">解説: </span>
                         {quiz.content.commentary.content}
                       </p>
                     </div>
@@ -213,14 +213,14 @@ const QuizList = (props: {cId: number; mId: number; mName: string}) => {
               className="py-2 px-4 bg-red-500 text-white rounded-3xl"
               onClick={handleDeleteSet}
             >
-              퀴즈 삭제
+              クイズの削除
             </button>
           ) : (
             <button
               className="py-2 px-4 bg-blue-500 text-white rounded-3xl"
               onClick={handleSubmitQuiz}
             >
-              퀴즈 출제
+              クイズ出題
             </button>
           )}
         </div>
@@ -238,7 +238,7 @@ const QuizList = (props: {cId: number; mId: number; mName: string}) => {
               height={25}
               alt="icon"
             />
-            <span>퀴즈 통계</span>
+            <span>クイズ統計</span>
           </div>
         </div>
       </div>
@@ -250,7 +250,7 @@ const QuizList = (props: {cId: number; mId: number; mName: string}) => {
           </div>
         ) : (
           <div className="h-[100px] flex justify-center items-center text-2xl text-gray-300 font-normal">
-            아직 퀴즈가 출제되지 않았습니다.
+            まだクイズは出題されていません。
           </div>
         )}
       </div>
diff --git a/src/app/classes/[cId]/[mId]/components/QuizReport.tsx b/src/app/classes/[cId]/[mId]/components/QuizReport.tsx
index 75a8ae6..cd7df51 100644
--- a/src/app/classes/[cId]/[mId]/components/QuizReport.tsx
+++ b/src/app/classes/[cId]/[mId]/components/QuizReport.tsx
@@ -95,7 +95,7 @@ const QuizReport = ({cId, mId}: {cId: number; mId: number}) => {
         >
           <div className="w-[200px] h-[200px] bg-white rounded-full flex justify-center items-center">
             <span className="w-[15px] h-[15px] bg-green-400 rounded-full mr-1"></span>
-            응시현황
+            受験状況
           </div>
         </div>
       </div>
diff --git a/src/app/classes/[cId]/[mId]/components/QuizSet.tsx b/src/app/classes/[cId]/[mId]/components/QuizSet.tsx
index 46587d7..22a6e7c 100644
--- a/src/app/classes/[cId]/[mId]/components/QuizSet.tsx
+++ b/src/app/classes/[cId]/[mId]/components/QuizSet.tsx
@@ -130,7 +130,7 @@ const QuizSet = ({cId, mId}: {cId: number; mId: number}) => {
                   className="absolute top-0 left-[-30px] z-20"
                 ></Image>
               ) : null}
-              <div className="text-lg font-medium p-1">질문</div>
+              <div className="text-lg font-medium p-1">質問</div>
               <div className="border-2 p-5 rounded-lg leading-8">
                 {quiz.content.question}
               </div>
@@ -231,13 +231,13 @@ const QuizSet = ({cId, mId}: {cId: number; mId: number}) => {
                   {isSubmit ? (
                     <div className="h-[250px] bg-gray-100 w-full p-5 border-2 rounded-lg leading-8 drop-shadow-md overflow-scroll">
                       <div className="font-semibold">
-                        정답:{' '}
+                        正解:{' '}
                         <span className="text-red-500 ">
                           {quiz.content.commentary.correctAnswer}
                         </span>
                       </div>
                       <div className="font-semibold pt-2">
-                        해설:{' '}
+                        解説:{' '}
                         <span className="font-medium">
                           {quiz.content.commentary.content}
                         </span>
@@ -253,7 +253,7 @@ const QuizSet = ({cId, mId}: {cId: number; mId: number}) => {
           <SwiperSlide style={{width: 'auto'}}>
             <div className="flex w-[750px] h-[800px] m-auto py-3 justify-center items-center">
               <div className="w-[600px] h-[200px] bg-gray-200 rounded-lg p-3 flex">
-                <div className="font-bold h-[176px] mr-1">교수님의 말 : </div>
+                <div className="font-bold h-[176px] mr-1">教授の言葉 : </div>
                 <div className="grow">{feedback}</div>
               </div>
             </div>
@@ -266,7 +266,7 @@ const QuizSet = ({cId, mId}: {cId: number; mId: number}) => {
             className="px-2 py-2 bg-blue-400 text-white rounded-lg"
             onClick={handleSubmitAnswer}
           >
-            제출하기
+            提出する
           </button>
         </div>
       )}
diff --git a/src/app/classes/[cId]/[mId]/components/UserContainer.tsx b/src/app/classes/[cId]/[mId]/components/UserContainer.tsx
index 8c86b56..10c12d7 100644
--- a/src/app/classes/[cId]/[mId]/components/UserContainer.tsx
+++ b/src/app/classes/[cId]/[mId]/components/UserContainer.tsx
@@ -11,12 +11,14 @@ import LiveClassViewer from './subComponents/LiveClassViewer';
 const UserContainer = ({cId}: {cId: string}) => {
   const material = useRecoilValue(materialState);
   const user = useRecoilValue(userState);
-  const TABS = ['학습자료', '퀴즈', '온라인수업'];
+  const TABS = ['学習資料', 'クイズ', 'オンライン授業'];
   const [activeTab, setActiveTab] = useState(TABS[0]);
   const tabMapping = {
-    학습자료: <Material />,
-    퀴즈: <QuizSet cId={parseInt(cId)} mId={parseInt(material?.id || '0')} />,
-    온라인수업: <LiveClassViewer classId={parseInt(cId)} userId={user?.id} />,
+    学習資料: <Material />,
+    クイズ: <QuizSet cId={parseInt(cId)} mId={parseInt(material?.id || '0')} />,
+    オンライン授業: (
+      <LiveClassViewer classId={parseInt(cId)} userId={user?.id} />
+    ),
   };
 
   return (
diff --git a/src/app/classes/[cId]/[mId]/components/subComponents/SubContainer.tsx b/src/app/classes/[cId]/[mId]/components/subComponents/SubContainer.tsx
index e0b6c1a..1139046 100644
--- a/src/app/classes/[cId]/[mId]/components/subComponents/SubContainer.tsx
+++ b/src/app/classes/[cId]/[mId]/components/subComponents/SubContainer.tsx
@@ -10,20 +10,20 @@ import '@/src/styles/variable.css';
 import ShowMain from '../chatComponents/page';
 
 const SubContainer: React.FC = () => {
-  const TABS = ['프롬프트창', '저장목록'];
+  const TABS = ['プロンプト', 'セーブリスト'];
   const [activeTab, setActiveTab] = useState(TABS[0]);
   const [showMain, setShowMain] = useState(false);
   const params = useParams<{cId: string}>();
   const material = useRecoilValue(materialState);
 
   const tabMapping = {
-    프롬프트창: (
+    プロンプト: (
       <PromptChat
         pId={material ? material.prompts[0]?.id : 0}
         cId={parseInt(params.cId)}
       />
     ),
-    저장목록: (
+    セーブリスト: (
       <Storage
         pId={material ? material.prompts[0]?.id : 0}
         cId={parseInt(params.cId)}
diff --git a/src/app/classes/[cId]/[mId]/quizForm/components/QuizForm.tsx b/src/app/classes/[cId]/[mId]/quizForm/components/QuizForm.tsx
index 9cebe3c..2e3fe93 100644
--- a/src/app/classes/[cId]/[mId]/quizForm/components/QuizForm.tsx
+++ b/src/app/classes/[cId]/[mId]/quizForm/components/QuizForm.tsx
@@ -195,7 +195,7 @@ const QuizForm = (props: {
           <div className="w-full h-full px-4 pt-4">
             <div className="relative w-full h-full bg-gray-100">
               <div className="p-2 text-lg font-semibold">
-                이런 퀴즈는 어떠신가요?
+                こんなクイズはいかがですか？
               </div>
               {!loading && recommendQuiz ? (
                 <QuizPrompt props={recommendQuiz} />
@@ -207,13 +207,13 @@ const QuizForm = (props: {
                   className="p-2 bg-blue-400 text-white rounded-lg"
                   onClick={handleAcceptQuiz}
                 >
-                  적용하기
+                  適用する
                 </button>
                 <button
                   className="p-2 bg-red-400 text-white rounded-lg ml-3"
                   onClick={handleImportQuiz}
                 >
-                  새로고침
+                  再取得
                 </button>
               </div>
             </div>
@@ -225,13 +225,13 @@ const QuizForm = (props: {
           href={`/classes/${params.cId}/${params.mId}`}
           className="py-2 px-4 border border-black rounded-3xl"
         >
-          {'< '}뒤로가기
+          {'< '}戻る
         </Link>
         <button
           className="py-2 px-4 ml-4 bg-blue-500 text-white rounded-3xl"
           onClick={handleClickSubmit}
         >
-          저장
+          セーブ
         </button>
       </div>
     </div>
diff --git a/src/app/components/login/Login.tsx b/src/app/components/login/Login.tsx
index b352f03..37810f4 100644
--- a/src/app/components/login/Login.tsx
+++ b/src/app/components/login/Login.tsx
@@ -25,11 +25,11 @@ const Login = () => {
           <div className="w-3/5 h-full text-center flex flex-col justify-between ">
             <div>
               <div className="text-4xl font-semibold leading-tight">
-                미노리에서 학습을
-                <br /> 시작하세요!
+                ミノリで学びを
+                <br /> 始めましょう！
               </div>
               <div className="text-sm text-neutral-400 py-2">
-                소셜 로그인으로 간편하게 즐길 수 있습니다.
+                ソーシャルログインで簡単に楽しめます。
               </div>
             </div>
             <div className="w-full flex justify-center items-center">
@@ -66,14 +66,12 @@ const Login = () => {
                     height={25}
                   />
                   <div className="ml-2 text-center w-full">
-                    구글 계정으로 로그인
+                    Googleでログイン
                   </div>
                 </button>
                 <button className="block border-2 w-full flex items-center justify-between px-6 py-2 m-auto my-3 rounded-lg">
                   <Image src={svgs.line} alt="google" width={25} height={25} />
-                  <div className="ml-2 text-center w-full">
-                    라인 계정으로 로그인
-                  </div>
+                  <div className="ml-2 text-center w-full">Lineでログイン</div>
                 </button>
               </div>
               <div className="w-1/5"></div>
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 2cae9c8..2ba06b0 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -37,10 +37,10 @@ const Page = () => {
     <main className="flex h-screen justify-center items-center">
       <div className="text-center">
         <div className="text-5xl font-semibold text-center">
-          미노리에서, <br /> <p className="mt-4">학습을 더욱 즐겁고 편리하게</p>
+          ミノリで, <br /> <p className="mt-4">学習をより楽しく、より便利に</p>
         </div>
         <div className="m-4 font-semibold text-gray-500">
-          학습의 편의성을 향상시키고 즐겁게 학습하는 경험을 만끽해 보세요!
+          学習の利便性を向上させ、楽しい学習体験を満喫してください！
         </div>
         <div>
           <Image
@@ -55,7 +55,7 @@ const Page = () => {
           onClick={openModal}
           className="bg-indigo-600 text-white py-2 px-7 rounded-3xl"
         >
-          시작하기
+          ログインする
         </button>
         {isOpen && <Login />}
       </div>
diff --git a/src/components/navbar/Navbar.tsx b/src/components/navbar/Navbar.tsx
index f7cac47..ff5216c 100644
--- a/src/components/navbar/Navbar.tsx
+++ b/src/components/navbar/Navbar.tsx
@@ -7,8 +7,8 @@ import '@/src/styles/variable.css';
 
 const Navbar = () => {
   const pages = [
-    {name: '클래스', icon: icons.group, url: '/classes'},
-    {name: '내정보', icon: icons.myPage, url: '/info'},
+    {name: 'クラス', icon: icons.group, url: '/classes'},
+    {name: 'マイページ', icon: icons.myPage, url: '/info'},
     // {name: '문제은행', icon: icons.bank, url: '/bank'},
     /* Billing Page - 保留 */
   ];
@@ -23,12 +23,12 @@ const Navbar = () => {
         {/* Pages */}
         <div className="w-full py-4">
           <div>
-            <p className="text-zinc-400 mb-4">페이지</p>
+            <p className="text-zinc-400 mb-4">ページ</p>
             <ul className="w-full">
               {pages.map((page, index) => {
                 return (
                   <li className="w-full mb-2 py-1" key={index}>
-                    <Link href={page.url} className="flex">
+                    <Link href={page.url} className="flex items-center">
                       <Image
                         src={page.icon}
                         alt="icon"
diff --git a/src/components/navbar/material/MaterialContainer.tsx b/src/components/navbar/material/MaterialContainer.tsx
index dd0199e..23e4d1c 100644
--- a/src/components/navbar/material/MaterialContainer.tsx
+++ b/src/components/navbar/material/MaterialContainer.tsx
@@ -83,13 +83,13 @@ const MaterialContainer = () => {
         <>
           <div className="w-full flex-1 h-[calc(100%-82px)]">
             <div className="w-full flex justify-between items-center mb-[8px]">
-              <p className="text-zinc-400">자료</p>
-              <div
+              <p className="text-zinc-400">資料</p>
+              {/* <div
                 className="text-end bg-blue-500 w-6 h-6 flex justify-center items-center rounded-lg"
                 onClick={() => setIsOpen(true)}
               >
                 <Image src={icons.plus} width={30} height={30} alt="plus" />
-              </div>
+              </div> */}
             </div>
             {isOpen && <MaterialForm setIsOpen={setIsOpen} cId={param.cId} />}
             {/* prompt - search */}
@@ -104,7 +104,7 @@ const MaterialContainer = () => {
               <input
                 type="text"
                 className="w-full p-1 border-0 outline-none"
-                placeholder="Search"
+                placeholder="検索"
                 onChange={handleInputText}
               />
             </div>
@@ -138,9 +138,9 @@ const MaterialContainer = () => {
                 className="w-6 h-6 mr-2"
               ></Image>
               {param.mId ? (
-                <Link href={`/classes/${param.cId}`}>프롬프트 떠나기</Link>
+                <Link href={`/classes/${param.cId}`}>フロンプトを出る</Link>
               ) : (
-                <Link href="/classes">클래스 떠나기</Link>
+                <Link href="/classes">クラスを出る</Link>
               )}
             </div>
           </div>
diff --git a/src/components/navbar/material/MaterialForm.tsx b/src/components/navbar/material/MaterialForm.tsx
index 431164e..bdd98f1 100644
--- a/src/components/navbar/material/MaterialForm.tsx
+++ b/src/components/navbar/material/MaterialForm.tsx
@@ -63,23 +63,23 @@ const MaterialForm = ({setIsOpen, editData, cId}: FormProps) => {
           <div className="w-full h-full flex box-border">
             <div className="flex flex-col space-y-4 h-full w-full">
               <div>
-                <div className="text-3xl font-bold">프롬프트 생성</div>
+                <div className="text-3xl font-bold">プロンプト生成</div>
                 <div className="text-gray-500 py-1">
-                  원하는 파일을 추가해주세요.
+                  ご希望のファイルを追加してください。
                 </div>
               </div>
               <div className="py-1">
-                <div className="pb-2 font-semibold">프롬프트명</div>
+                <div className="pb-2 font-semibold">プロンプト名</div>
                 <input
                   type="text"
                   className="w-full border-2 p-2 rounded"
-                  placeholder="프롬프트 명을 입력해주세요"
+                  placeholder="プロンプト名を入力してください"
                   value={materialName}
                   onChange={handleEnterName}
                 />
               </div>
               <div className="flex flex-col h-2/3">
-                <div className="pb-2 font-semibold">파일 추가</div>
+                <div className="pb-2 font-semibold">ファイルの追加</div>
                 <div
                   className="w-full h-[230px] flex items-center justify-center bg-gray-50 text-center p-8 border-dashed border-2 border-gray-300"
                   onClick={() => {
@@ -96,9 +96,11 @@ const MaterialForm = ({setIsOpen, editData, cId}: FormProps) => {
                         className="m-auto "
                       />
                     </div>
-                    <div className="font-medium">PDF 파일을 추가해주세요</div>
+                    <div className="font-medium">
+                      PDFファイルを追加してください
+                    </div>
                     <div className="text-xs text-gray-400">
-                      지원하는 파일 형식: PDF
+                      対応ファイル形式: PDF
                     </div>
                     <input
                       type="file"
@@ -114,21 +116,21 @@ const MaterialForm = ({setIsOpen, editData, cId}: FormProps) => {
                   className="bg-gray-100 py-2 px-4  rounded"
                   onClick={() => setIsOpen(false)}
                 >
-                  {'< '}뒤로가기
+                  {'< '}戻る
                 </button>
                 {editData ? (
                   <button
                     className="bg-indigo-600 text-white py-2 px-3 rounded"
                     onClick={handleClickEdit}
                   >
-                    자료 수정
+                    資料修正
                   </button>
                 ) : (
                   <button
                     className="bg-indigo-600 text-white py-2 px-3 rounded"
                     onClick={handleClickButton}
                   >
-                    자료 생성
+                    資料作成
                   </button>
                 )}
               </div>
diff --git a/src/components/navbar/profile/EditName.tsx b/src/components/navbar/profile/EditName.tsx
index 38c2f53..f73169c 100644
--- a/src/components/navbar/profile/EditName.tsx
+++ b/src/components/navbar/profile/EditName.tsx
@@ -21,7 +21,7 @@ const EditName = ({setIsOpen, func}: editProps) => {
       >
         <div className="w-full h-[160px]">
           <div className="h-[60px] flex justify-center items-center text-3xl">
-            이름 변경
+            名前変更
           </div>
           <div className="h-[50px]">
             <input
@@ -36,7 +36,7 @@ const EditName = ({setIsOpen, func}: editProps) => {
               className="bg-blue-500 text-white py-2 px-3 rounded text-sm font-medium mx-2"
               onClick={handleClickSave}
             >
-              저장
+              セーブ
             </button>
             <button
               className="bg-red-500 text-white py-2 px-3 rounded text-sm font-medium mx-2"
@@ -44,7 +44,7 @@ const EditName = ({setIsOpen, func}: editProps) => {
                 setIsOpen(false);
               }}
             >
-              취소
+              閉じる
             </button>
           </div>
         </div>
diff --git a/src/components/navbar/profile/Profile.tsx b/src/components/navbar/profile/Profile.tsx
index a470ece..541120b 100644
--- a/src/components/navbar/profile/Profile.tsx
+++ b/src/components/navbar/profile/Profile.tsx
@@ -98,7 +98,7 @@ const Profile = () => {
                     setDropdownOpen(false);
                   }}
                 >
-                  이름 변경
+                  名前変更
                 </li>,
                 user.role_id === 'ADMIN' ? (
                   <li
@@ -109,7 +109,7 @@ const Profile = () => {
                       setDropdownOpen(false);
                     }}
                   >
-                    클래스 수정
+                    クラス修正
                   </li>
                 ) : null,
                 <li
@@ -125,7 +125,7 @@ const Profile = () => {
               ]
             : null}
           <li className="p-2 hover:bg-gray-200">
-            <Link href="/">로그아웃</Link>
+            <Link href="/">ログアウト</Link>
           </li>
         </ul>
       )}

From 0f64f61fb4014b82c8649b2cd5d9804160fbc91c Mon Sep 17 00:00:00 2001
From: dorimu0 <121004915+dorimu0@users.noreply.github.com>
Date: Mon, 1 Jul 2024 19:38:08 +0900
Subject: [PATCH 2/2] =?UTF-8?q?=F0=9F=92=84=20style=20:=20Apply=20Japanese?=
 =?UTF-8?q?=20font?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Apply fonts to change text Japanese

Related issue: #171
---
 src/app/globals.css                       | 17 +++++++++++++----
 src/app/layout.tsx                        |  7 ++++---
 src/components/navbar/profile/Profile.tsx |  2 +-
 3 files changed, 18 insertions(+), 8 deletions(-)

diff --git a/src/app/globals.css b/src/app/globals.css
index 6a8d32d..f281c95 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -8,6 +8,14 @@
   --background-end-rgb: 255, 255, 255;
 }
 
+@font-face {
+  font-family: 'Pretendard-Regular';
+  src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff')
+    format('woff');
+  font-weight: 400;
+  font-style: normal;
+}
+
 /* @media (prefers-color-scheme: dark) {
   :root {
     --foreground-rgb: 255, 255, 255;
@@ -17,6 +25,7 @@
 } */
 
 body {
+  font-family: 'Pretendard-Regular';
   color: rgb(var(--foreground-rgb));
   background: linear-gradient(
       to bottom,
@@ -31,13 +40,13 @@ body {
   scrollbar-width: none;
 }
 
-.scrollbar-visible::-webkit-scrollbar{
+.scrollbar-visible::-webkit-scrollbar {
   width: 8px;
 }
 .scrollbar-visible::-webkit-scrollbar-thumb {
-  background-color: rgba(0,0,255,.5);
+  background-color: rgba(0, 0, 255, 0.5);
 }
 .scrollbar-visible {
   scrollbar-width: thin;
-  scrollbar-color: rgba(0,0,255,.1) rgba(0,0,255,0);
-}
\ No newline at end of file
+  scrollbar-color: rgba(0, 0, 255, 0.1) rgba(0, 0, 255, 0);
+}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index e0a1e19..541abd2 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,11 +1,11 @@
 import type {Metadata} from 'next';
-import {Inter} from 'next/font/google';
+// import {Inter} from 'next/font/google';
 // import {Footer} from '../components/footer';
 import RecoilRootContainer from '../components/RecoilRootContainer';
 import './globals.css';
 import '@/src/styles/variable.css';
 
-const inter = Inter({subsets: ['latin']});
+// const inter = Inter({subsets: ['latin']});
 
 export const metadata: Metadata = {
   title: 'Minori',
@@ -15,7 +15,8 @@ export const metadata: Metadata = {
 const RootLayout = ({children}: {children: React.ReactNode}) => {
   return (
     <html lang="en">
-      <body className={inter.className}>
+      {/* <body className={inter.className}> */}
+      <body>
         <RecoilRootContainer>
           <div className="flex h-full relative">
             {/* <Navbar /> */}
diff --git a/src/components/navbar/profile/Profile.tsx b/src/components/navbar/profile/Profile.tsx
index 541120b..89560fa 100644
--- a/src/components/navbar/profile/Profile.tsx
+++ b/src/components/navbar/profile/Profile.tsx
@@ -120,7 +120,7 @@ const Profile = () => {
                     setDropdownOpen(false);
                   }}
                 >
-                  {user.role_id === 'ADMIN' ? '클래스 삭제' : '클래스 탈퇴'}
+                  {user.role_id === 'ADMIN' ? 'クラス削除' : 'クラス退会'}
                 </li>,
               ]
             : null}