v.1.1 사용법 작성

This commit is contained in:
SR07 2025-06-05 15:35:03 +09:00
parent d14e2de631
commit 2166685131
4 changed files with 64 additions and 2 deletions

View File

@ -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>

View File

@ -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>
</>

54
src/pages/Guide.tsx Normal file
View File

@ -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;

View File

@ -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