우선은 간단한 메모장을 만들기위해서 필요한 html파일은 5개 입니다.
1. 메인 페이지 (index.html)
- 메모 리스트 페이지 (memo_list.html)
- 메모 생성 페이지 (new_memo.html)
- 메모 상세정보 페이지 (memo.html)
- 메모 편집 페이지 (edit_memo.html)
이름이 재멋대로 인데... 무지성으로 코드를 짜서 html이름이 이상합니다... 바꾸기 귀찮아서 이대로 쓰긴했는데 여러분들은 파일이름 재대로 지어주세요...
로 5가지인데 우선은 가장 중요한 메인 페이지를 적어보도록 하겠습니다.
<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<title>메모장</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style>
table, td, th {
border: 1px solid black;
border-collapse: collapse;
text-align: center;
}
</style>
</head>
<body>
<a href="/memos">리스트</a>
</body>
</html>간단하게 리스트로 넘어가는 링크 1개만 만들어 주었습니다. 메인 컨트롤러 코드를 보면 메인 페이지에 접근할려고 하면 바로 list페이지로 넘어가게 만들었는데... 추후 기능이 추가되면 리스트로 바로 넘어가는게 아니라 메인페이지에서 기능을 선택할 수 있게 바꾸셔도 괜찮습니다.
동작
안녕하세요 페르세스 티탄입니다! 부족한 부분이 많이 있겠지만 잘부탁드립니다.