Java로 TODO 앱을 제작합시다 2 Spring Initializr로 히나타타를 만들어 Hello world하고 싶다

5615 단어 todo자바spring
안녕하세요.
Java로 TODO 앱을 제작하자 1 MVC의 간략한 설명 다음 기사입니다.

이번에는 우선 Controller를 만들어 거기에서 View를 표시시키는 곳까지 해보고 싶습니다.

TODO 앱 작성 링크 모음



1: MVC의 간략한 설명
2: Spring Initializr에서 병아리를 만들어 Hello world하고 싶다(지금 여기)

Spring의 병아리 만들기



우선 Spring Initializr 에서 Spring의 병아리를 만들어 갑시다.



심플하게 이런 느낌으로 진행합니다.

향후 JPA나 lombok도 추가해 갑니다만, 갱신하는 것과 동시에 추가해 가므로 이번은 이 구성만으로 OK입니다!

Build하고 Run하기 위한 아래 준비



빌드





InteliJ의 상부에 커서를 가져오면 메뉴 바가 나오므로 Build -> Build Project를 눌러 빌드합니다. 조금 시간이 걸릴 수 있지만 기다리자. InteliJ 최하부에 빌드 중 같은 것이 나올 것.

편집 구성에서 실행할 준비.



↓ InteliJ 상단의 메뉴 바에서 Run -> Edit Configurations를 누릅니다.


↓이런 느낌으로 하이라이트하고 있는 부분을 입력해 갑시다. JRE는 Java11 계열을 선택하십시오.


TodoController 작성



다음은 드디어 컨트롤러의 작성입니다.

아래의 경로에 따라 컨트롤러를 만드십시오.

todo>src>main>java>com.example.todo>TodoController
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;

@Controller //①
public class ToDoController {

    @GetMapping("/top") //②
    public String top(){
        return "top"; //③
    }
}


① 컨트롤러 선언



@Controller 이 클래스가 컨트롤러임을 선언할 수 있습니다.
@~~~라는 설명을 주석이라고합니다. (여러가지 편리한 물건을 불러낼 수 있는 녀석이라고 느낌입니다.)

②GetMapping



@GetMapping 어노테이션은 인수 내의 주소에 Http Method의 Get Method로 요청이 왔을 때 바로 아래의 메소드를 처리합니다.

③top.html을 반환



그대로입니다. 이렇게 쓰면 templates 아래에있는 html 파일을 호출 할 수 있습니다 (확장자 생략)
html을 표시 할 때 클래스의 반환 값은 String입니다.

import 정보



import는 어노테이션을 작성하면 자동으로 추가된다고 생각합니다만, 그렇지 않은 경우는 어노테이션을 호버하면서 Option + Enter 에서도 추가할 수 있습니다.

HTML 작성



Todo>src>resources>templates>top.html
<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <title>hello world</title>
</head>
<body>

<p>hello world</p>

</body>
</html>

이런 식으로 심플하게 Hello world를 출력해 봅시다.
templates 아래의 HTML 파일은 위의 컨트롤러를 작성하는 방법으로 호출 할 수 있습니다! !

실제로 Run하고 확인해 봅니다.



실행하는 방법





InteliJ의 오른쪽 상단에 녹색 화살표가 있다고 생각하므로 거기를 클릭하여 프로젝트를 실행 (Run) 해 봅시다!

그러면



화면 하단에 이런 창이 나올 것입니다.

Started가 되어 있으면 무사히 기동하고 있습니다. 만약 에러가 일어나고 있었던 경우는 그 문장으로 구구 해 보자! (상당히 나오지 않아 곤란하거나 한다.)

막상 액세스



localhost:8080/top 방문하면 hello world가 표시된다고 생각합니다!

다음 번에는 등록 부분의 처리를 작성해 보겠습니다.

좋은 웹페이지 즐겨찾기