From 2166685131287b3de1de45749dfb3e4e408ab6e8 Mon Sep 17 00:00:00 2001
From: SR07 <nightbug@srmm.kr>
Date: Thu, 5 Jun 2025 15:35:03 +0900
Subject: [PATCH] =?UTF-8?q?v.1.1=20=EC=82=AC=EC=9A=A9=EB=B2=95=20=EC=9E=91?=
 =?UTF-8?q?=EC=84=B1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.tsx               |  2 ++
 src/components/Layout.tsx |  4 +++
 src/pages/Guide.tsx       | 54 +++++++++++++++++++++++++++++++++++++++
 src/pages/Home.tsx        |  6 +++--
 4 files changed, 64 insertions(+), 2 deletions(-)
 create mode 100644 src/pages/Guide.tsx

diff --git a/src/App.tsx b/src/App.tsx
index b811b1d..fa6ee64 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -15,6 +15,7 @@ import CharacterHomeworkSelect from './pages/CharacterHomeworkSelect'
 import Dashboard from './pages/Dashboard'
 import MePage from './pages/MePage'
 import CharacterEditPage from './pages/CharacterEditPage'
+import GuidePage from './pages/Guide'
 
 const darkTheme = createTheme({
   palette: {
@@ -44,6 +45,7 @@ function App() {
               <Route path="/me" element={<MePage />} />
               <Route path="/characters/:id/edit" element={<CharacterEditPage />} />
               <Route path="/homeworks/:id/edit" element={<HomeworkEditPage />} />
+              <Route path="/guide" element={<GuidePage />} />
             </Routes>
           </Layout>
         </Router>
diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
index 48002a8..f49a838 100644
--- a/src/components/Layout.tsx
+++ b/src/components/Layout.tsx
@@ -48,6 +48,8 @@ export default function Layout({ children }: { children: React.ReactNode }) {
 
     const menuItems = isLoggedIn ? (
         <>
+            <Button component={Link} to="/guide">사용법 안내</Button>
+
             <Button component={Link} to="/dashboard" color="inherit">대시보드</Button>
 
             <Button color="inherit" onClick={handleMenuOpen(setAnchorElCharacter)}>캐릭터</Button>
@@ -87,6 +89,8 @@ export default function Layout({ children }: { children: React.ReactNode }) {
         </>
     ) : (
         <>
+            <Button component={Link} to="/guide">사용법 안내</Button>
+
             <Button component={Link} to="/signup" color="inherit">회원가입</Button>
             <Button component={Link} to="/login" color="inherit">로그인</Button>
         </>
diff --git a/src/pages/Guide.tsx b/src/pages/Guide.tsx
new file mode 100644
index 0000000..017fbc6
--- /dev/null
+++ b/src/pages/Guide.tsx
@@ -0,0 +1,54 @@
+import { Box, Container, Typography, Divider, List, ListItem, ListItemText } from '@mui/material';
+
+const GuidePage = () => {
+    return (
+        <Container maxWidth="md" sx={{ py: 4 }}>
+            <Typography variant="h4" gutterBottom>숙제노기 사용법 안내 (v1.0)</Typography>
+            <Typography variant="subtitle1" gutterBottom>
+                숙제노기는 마비노기 모바일의 숙제 관리를 도와주는 웹서비스입니다.
+            </Typography>
+
+            <Divider sx={{ my: 3 }} />
+
+            <Typography variant="h6">1. 캐릭터 등록</Typography>
+            <List dense>
+                <ListItem><ListItemText primary="상단 메뉴에서 '캐릭터 등록' 클릭" /></ListItem>
+                <ListItem><ListItemText primary="서버, 캐릭터명, 전투력을 입력하고 저장" /></ListItem>
+            </List>
+
+            <Typography variant="h6" sx={{ mt: 3 }}>2. 숙제 등록</Typography>
+            <List dense>
+                <ListItem><ListItemText primary="숙제 제목, 설명, 반복주기(daily/weekly 등) 설정" /></ListItem>
+                <ListItem><ListItemText primary="clear_count로 수행 횟수 설정" /></ListItem>
+                <ListItem><ListItemText primary="reset_time에 초기화 시간 입력 (예: 06:00)" /></ListItem>
+            </List>
+
+            <Typography variant="h6" sx={{ mt: 3 }}>3. 숙제 지정</Typography>
+            <List dense>
+                <ListItem><ListItemText primary="각 캐릭터에 숙제를 연결해줄 수 있음" /></ListItem>
+                <ListItem><ListItemText primary="연결된 숙제는 대시보드에 표시됨" /></ListItem>
+            </List>
+
+            <Typography variant="h6" sx={{ mt: 3 }}>4. 대시보드</Typography>
+            <List dense>
+                <ListItem><ListItemText primary="서버:캐릭터명 형태로 정렬됨" /></ListItem>
+                <ListItem><ListItemText primary="숙제는 체크박스로 표시되고 완료 시 체크" /></ListItem>
+                <ListItem><ListItemText primary="clear_count 만큼 체크하면 완료 처리됨" /></ListItem>
+            </List>
+
+            <Typography variant="h6" sx={{ mt: 3 }}>5. 숙제 초기화</Typography>
+            <List dense>
+                <ListItem><ListItemText primary="숙제는 매일/매주 지정된 시간에 자동 초기화됨" /></ListItem>
+                <ListItem><ListItemText primary="사용자는 별도 조작 없이 다음 날 다시 체크 가능" /></ListItem>
+            </List>
+
+            <Divider sx={{ my: 3 }} />
+
+            <Typography variant="caption" color="text.secondary">
+                © 숙제노기. 본 가이드는 v1.0 기준으로 작성되었습니다.
+            </Typography>
+        </Container>
+    );
+};
+
+export default GuidePage;
diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx
index 5734daa..5b2781f 100644
--- a/src/pages/Home.tsx
+++ b/src/pages/Home.tsx
@@ -6,8 +6,10 @@ export default function Home() {
     const { isLoggedIn } = useAuth()
 
     const updates = [
+        { date: '2025-06-06', version: 'v1.1', content: '피드백 및 수정요청 및 기능개선은 nightbug@naver.com 으로 부탁드립니다.' },
         { date: '2025-05-28', version: 'v1.1', content: '캐릭터 및 숙제 목록에서 순서변경기능 추가' },
         { date: '2025-05-28', version: 'v1.1', content: '홈화면에 업데이트 내역 노출' },
+        { date: '2025-06-05', version: 'v1.1', content: '사용법 작성' },
     ]
 
     return (
@@ -54,8 +56,8 @@ export default function Home() {
                         <Divider sx={{ mt: 2 }} />
                     </Box>
 
-                    <Typography variant="h5" gutterBottom sx={{ mt: 6 }}>
-                        길드 '노인정'과 함께합니다. 누구마음대로?
+                    <Typography variant="h5" gutterBottom sx={{ mt: 6, textAlign: 'center' }}>
+                        라사서버 길드 '노인정'과 함께합니다. 누구마음대로?
                     </Typography>
                     <Box sx={{ mt: 4, textAlign: 'center' }}>
                         <img