[프로젝트/Spring Boot] 간단한 ToDoList 만들기 --- (2) MVC 기본 패턴 & 부트스트랩 화면

hoho·2024년 3월 17일

이번엔 MVC 패턴을 구현하고, 아까 선정했던 부트스트랩 코드가 출력될 수 있게 한다.

1. 홈페이지 - Controller 기본 연결

index.mustache 파일을 만든 후 doc 입력 -> Tab 버튼 을 통해 기본 틀을 작성한다.

이를 컨트롤러(TodoController)가 받아올 수 있게 한다. 루트 디렉터리에 index.mustache 파일을 띄울 것이므로 /를 받는다.

한글이 깨지지 않게 application.properties에 한 줄 더 추가해준다.

잘 작성된다.

이번엔 부트스트랩 코드를 index.mustache에 넣고 실행해보았다.
모양새는 별로지만 그래도 잘 출력된다.

코드를 수정하고 GPT에게 원본처럼 꾸밀 수 있는 css 파일을 요구했더니 잘 꾸며주었다. 두 버튼이 세로로 정렬된 게 조금 거슬리지만 프론트는 잘 모르기도 하고, 일단은 백엔드 위주로 진행할 프로젝트니 그대로 사용한다.
css 파일은 static 폴더에 넣었다.

0개의 댓글