목록Spring/게시판 만들기 (16)
충분히 쌓여가는
src>main>resource>templates 디렉터리에서 articles 디렉터리를 생성 articles 디렉터리에서 new.mustache 파일을 생성하여 View 페이지를 만든다 form 태그 작성, 게시판의 제목을 입력한 input 태그, 내용을 입력할 textarea 태그, 전송 버튼인 button 태그 추가하고 버튼의 속성을 submit으로 설정한다 (header와 footer 레이아웃 추가) {{>layouts/header}} Submit {{>layouts/footer}} 컨트롤러 만들기 src>main>java>com.example.firstproject>controller 패키지에서 ArticleController 새로운 컨트롤러 생성 @Controller 입력하여 컨트롤러임을 선언..
template 파일을 생성하는 위치는 templates 디렉터리 New -> Directory 디렉터리 이름은 layouts header.mustache와 footer.mustache 파일 생성 greetings.mustache 코드에서 내비게이션 바 부분을 가져와 header.mustache 파일로 만든다 1행부터 까지 가져온다 Navbar Home Link Dropdown Action Another action Something else here Disabled Search greeting.mustache 파일에서 잘라낸 부분을 template로 대체해야 한다 View template 파일을 불러올 때 일반 변수를 {{변수명}}으로 사용하는 것과 달리 홑화살괄호(>)를 추가해 {{>파일명}}으로 작..
Bootstrap는 웹 페이지를 쉽게 만들 수 있도록 작성해 놓은 코드 모음으로, 각종 레이아웃, 버튼, 입력창 등 디자인을 미리 구현해 놓은 것 버전: 5.0.2 Starter template의 코드를 복사하여 greetings.mustache 페이지의 기본 뼈대로 사용 Hello, world! body 내용 수정 h1 태그 수정 {{username}}님, 반갑습니다 header 영역에 내비게이션 바 추가 부트스트랩에서 Navbar 검색 코드 복사 후 header 영역에 붙여넣기 footer 영역에 사이트 정보 추가 BuildEnough | Pratice | study {{username}}님, 반갑습니다 bye 페이지도 동일한 방법으로 수정하기 Navbar Home Link Dropdown Actio..
Controller는 그대로 사용 FirstController에 1. @GetMapping("/bye) 어노테이션 추가 2. /bye 요청을 처리할 seeYouNext() 메서드 생성 3. 보여줄 View 페이지 반환값 추가(goodbye) package com.example.firstproject.controller; import org.springframework.stereotype.Controller; import org.springframework.ui.Model; import org.springframework.web.bind.annotation.GetMapping; @Controller public class FirstController { @GetMapping("/hi") public Str..