Spring

프로젝트 환경 설정 ( 프로젝트 생성 | 라이브러리 살펴보기 | View 환경설정 | 빌드하고 실행하기 )

보배 진 2022. 1. 19. 02:26

시작하기에 앞서

Java11

IDE : IntelliJ 또는 Eclipse

를 설치합니다. 

 

저는 인프런 스프링 입문 강의를 따라 IntelliJ를 설치했습니다.

1. https://start.spring.io 에 접속합니다.

접속한 화면 상단에 위에 그림이 보이면 됩니다.

 

 

 

 

 

2. Project를 선택해줍니다

사용할 빌드 툴 선택을 합니다

현재 대부분은 Gradle Project를 사용한다고 합니다

 

 

 

 

 

3. Language는 그대로 Java를 사용합니다

 

 

 

 

 

4. Spring Boot는 버전을 선택하는 부분입니다. 

   (SNAPSHOT는 아직 만들고 있는 버전이라고 합니다)

강의에서는 2.3.1 버전을 다운 받았지만 없는 관계로 SNAPSHOP가 없는 버전으로 다운받았습니다

 

 

5.  Group과 Artifact는 자유롭게 바꾸어주었습니다. ( 약간 프로젝트명 느낌 )

 

 

6. 그리고 중요한 Dependencies !!

어떤 라이브러리를 가져와 사용할지 정해야 합니다.

오른쪽 ADD 버튼을 누르고 Spring Web과 Thymeleaf를 겁색창에 입력하여 클릭하여 선택해주었습니다.

 

여기까지 한 뒤 GENERATE 버튼을 눌러줍니다.

버튼을 누르면 다운로드가 되는데 다운로드가 완료되면 원하는 파일에서 압축을 해제시켜줍니다.

그리고 IntelliJ를 실행시킵니다.

 

 

 

IJ를 실행시킨 뒤 OPEN을 클릭하여 파일을 열여줍니다

(처음 열면 로딩을 좀 기다려야 한다)

 

 

처음에 들어가면 생성되어 있는 기본 파일이 있습니다

 

 

실행시켜주면 

이렇게 출력이 됩니다.

여기까지 프로젝트 환경설정에 성공한 것 닙니다..!!

(에러가 난다면 에러 문구 확인 || 버전 확인을 해주세요)

 

 

(간단하게) 위에 코드에서 9번째 라인 메인 메서드를 실행시키면 

SpringApplication.run해서 UjinSpringApplication Class 넣어주면 @SpringBootApplication이 실행됩니다.

 

 

 

 

 

 


 

 

 

이제 한 번 Welcome Page를 만들어 보도록 하겠습니다.

 

 

 

먼저 static 위에서 오른쪽을 눌러 index.html 파일을 만들어주었습니다.

 

 

<!DOCTYPE HTML>
<html>
<head>
    <title>Hello</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
Hello
<a href="/hello">hello</a>
</body>
</html>

Hello를 출력하기 위한 코드 입니다

 

실행시키면 위 그림과 같이 출력이 됩니다

( 실행이 잘 안되면 서버를 끄고 다시 켜주세요)

 

 

 

여기까지 연습으로 출력을 해봤습니다.

이제 본격적으로 패키지부터 시작해보겠습니다

 

저는 com.ujin.ujinspring에서 우클릭하여 패키지를 눌렀습니다

그 다음 controller를 입력해 그림과 같이 해줍니다

이렇게 controller 이라는 패키지가 생성되었습니다

 

다음 HelloController 라는 자바 파일을 만들어주었습니다.

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;

@Controller
public class HelloController {

    @GetMapping("hello")
    public String hello(Model model){
        model.addAttribute("model", "hello!!");
        return "hello";
    }
}

자바 파일 안에 들어가는 내용입니다.

model.addAttribute는 addAttribute(Object attribute.... Model

로 되어있는 것을 사용하세요

 

다음으로는 

 

templates에서 우클릭하여 hello.html 파일을 생성합니다

<!DOCTYPE HTML>
<html xmlns:th="http://www/thymeleaf.org">
<head>
    <title>Hello</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
<p th:text="`안녕하세요. ` + ${data}" >안녕하세요. 손님</p>
</body>
</html>

hello.html에 들어가는 내용입니다

 

8번째 라인의 th:는 2번째 라인에 선언되어 있는 것입니다.

<p> 태그에서 data는 HelloController 파일에서 addAttribute에 Name으로 넣어준 값이 호출되는데 

출력은 Hello!!가 되겠죠?

 

localhost.8080/hello에 접속하면 이렇게 출력이 됩니다!