Spring/Spring 입문

스프링 입문 - (3) Welcome Page 만들기 / View 환경설정

hello_u 2023. 1. 9. 13:32

main/resources/static 에 idex.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>

<a href = " "> 태그와 속성은 다른 웹사이트로 링크를 하는 기능입니다.
a는 <a> 태그 입니다. 외부 문서나 내부 문서를 링크할 때 사용하는 태그입니다.
href는 hypertext reference의 약자로 실제로 이동할 웹페이지의 주소를 뒤에 적는 속성입니다.

서버를 껏다가 다시 키고
localhost:8080 접속

Welcome Page 생성 완료

필요한것을 찾는 능력

https://spring.io/projects/spring-boot

Spring Boot

Commercial support Business support from Spring experts during the OSS timeline, plus extended support after OSS End-Of-Life. Publicly available releases for critical bugfixes and security issues when requested by customers.

spring.io

Learn - Reference Doc 들어가서 찾고싶은 키워드 검색

index.html 파일을 static 에서 먼저 찾고 , 찾지 못하면
index 탬플릿을 찾는다

방금 한것은
정적페이지 : 내가 작성한 소스코드를 웹 브라우저로 그대로 넘겨주는 것 / 프로그래밍이 아님

thymeleaf 템플릿 엔진
thymeleaf 공식 사이트: https://www.thymeleaf.org/
스프링 공식 튜토리얼: https://spring.io/guides/gs/serving-web-content/
스프링부트 메뉴얼: https://docs.spring.io/spring-boot/docs/2.3.1.RELEASE/reference/html/spring-boot-features.html#boot-features-spring-mvc-template-engines

07-01 패키지 (Package)

https://wikidocs.net/231

07-01 패키지 (Package)

여러분은 아마도 폴더를 이용하여 파일을 정리해 본 경험이 있을것이다. 파일 여러개가 한 폴더에 뒤죽박죽 섞여 있을 때 파일들을 성격에 맞게 분류한 다음 새 폴더에 저장하는 식으로…

wikidocs.net

여러분은 아마도 폴더를 이용하여 파일을 정리해 본 경험이 있을것이다. 파일 여러개가 한 폴더에 뒤죽박죽 섞여 있을 때 파일들을 성격에 맞게 분류한 다음 새 폴더에 저장하는 식으로 말이다.

자바의 패키지도 이와 완전히 동일한 개념이라 할수 있다. 패키지는 비슷한 성격의 자바 클래스들을 모아 놓은 자바의 디렉토리이다.

예를 들어 HousePark, HouseKim 등의 클래스들은 house라는 패키지로 분류하면 편리할 것이다

05-02 클래스

https://wikidocs.net/214

05-02 클래스

이번 장에서는 클래스에 대해서 자세히 알아보자. 여기서는 클래스에 대한 개념적인 설명을 하기보다는 가장 간단한 클래스를 작성하는 것에서부터 시작하여 조금씩 클래스의 규모를 키…

wikidocs.net

그 기능은 바로 객체(object)를 만드는 기능이다.

객체와 인스턴스
클래스에 의해서 만들어진 객체를 인스턴스라고도 한다. 그렇다면 객체와 인스턴스의 차이는 무엇일까?
이렇게 생각 해 보자. Animal cat = new Animal() 이렇게 만들어진 cat은 객체이다. 그리고 cat이라는 객체는 Animal의 인스턴스(instance) 이다. 인스턴스라는 말은 특정 객체(cat)가 어떤 클래스(Animal)의 객체인지를 관계위주로 설명할 때 사용된다. 즉, "cat은 인스턴스" 보다는 "cat은 객체"라는 표현이 "cat은 Animal의 객체" 보다는 "cat은 Animal의 인스턴스" 라는 표현이 훨씬 잘 어울린다.

Controller 란 무엇인가?
웹 어플리케이션에서 첫번째 진입점
1. 사용자의 요청이 진입하는 지점(entry point)

hello.hellospring.controller 패키지 생성
HelloContrller 클래스 생성

package hello.hellospring.controller;

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("data","hello!!");
        return "hello"

    }
}

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>

<html xmlns:th="http://www.thymeleaf.org">

th : thymeleaf 탬플릿 문법 ,

<p th:text="'안녕하세요. ' + ${data}" >안녕하세요. 손님</p>

model.addAttribute("data","hello!!");

value( 여기서는 "hello!!" ) 가 ${data} 치환

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

http GET 방식 , 웹 어플리케이션에서 URL 에 /hello 라고 들어오면(매칭이 되면) 이 메서드를 호출한다

Model model
스프링이 모델을 만들어 넣어준다

return "hello";
--> resources/templates 에 있는 hello.html 에가서 렌더링해라 , 이 화면을 실행시켜라 , 모델을 넘기면서

resources:templates/hello.html
여기서는 hello 가 {ViewName}

저작자표시 (새창열림)