snaag commented 1 year ago

스프링 입문 강의 > 프로젝트 환경 설정 정리
스프링 입문 강의 > 스프링 웹 개발 기초 정리

snaag commented 1 year ago

스프링 입문 강의 > 프로젝트 환경설정

1. View 환경설정

spring boot 에서 사용할 수 있는 template engine

FreeMarker
Groovy
thymeleaf ✅
Mustache

welcome page 만들기

src/main/resource/static
- /index.html: 요 파일이 localhost:8080 접근 시 바로 나오는 페이지
- 스프링부트가 제공하는 welcomepage 기능

Controller + template engine 으로 값을 동적으로 받는 페이지 만들기

hello.hellospring.controller/HelloController

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

resources/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> <!-- A: 동적으로 값 넘어감 -->
</body>
</html>

A
- HelloController 에서 넘겨준 data: hello! 값이 넘어간 것
- 안보이는 텍스트임 부분은 안보이는 부분... 그럼 보통 주석같은 용도로 쓰나?
이처럼 Controller 에서 return 값으로 문자를 반환하면 viewResolver 가 화면을 찾아서 처리함
- 뷰 리졸버는 templates/ +{ViewName}+ .html 를 찾아서 띄워줌

spring-boot-devtools

build.gradle 에 implementation 'org.springframework.boot:spring-boot-devtools' 을 추가하면 해당 html 파일만 recompile 해도 적용이 됨
- 단, 전달하는 값을 수정할 때에는 recompile (X) rebuild (O)
- Recompile: 메뉴 build > recompile
templates/xx.html

snaag commented 1 year ago

스프링 입문강의 > 프로젝트 환경설정

2. 빌드하고 실행하기

터미널에서 빌드하고 실행하기

./gradlew build -> build 폴더 생김
- 참고) ./gradlew clean build -> build 폴더 삭제 후 다시 빌드
cd build/libs -> 결과물 있는 파일로 이동
java -jar xx.jar -> jar 파일 실행

jar 파일이란?

https://crazykim2.tistory.com/631

JAR(Java Archive)
- JAR는 여러 개의 자바 클래스 파일과 클래스들이 이용하는 관련 리소스 등 메타데이터를 하나의 파일로 모아서 자바 플랫폼에 응용 소프트웨어나 라이브러리를 배포하기 위한 소프트웨어 패키지 파일 포맷입니다.
- 컴퓨터 사용자들은 JDK에 포함된 jar 명령어를 이용하여 jar파일을 만들거나 압축을 풀 수 있습니다.
사용이유(jar, war 등)
- 사용 단위는 ear > war > jar > class입니다.
- jar, war등을 사용하는 이유는 파일을 압축해 용량을 가벼워지게하고 그렇게되므로 관리가 편해지기 때문입니다.
그러니까 jar 파일은 여러 클래스 파일과 관련 리소스 등 메타데이터 파일들이 한데 모여있는 압축된 파일이구나
압축 해제하면 이렇게 된다

snaag commented 1 year ago

스프링 입문강의 > 스프링 웹 개발 기초

1. 정적 컨텐츠

웹 개발

정적 컨텐츠
- 서버에서 뭐 할거 없이, 파일을 그대로 웹브라우저에 보내줌
MVC와 템플릿 엔진
- jsp, php 등...
- html 을 그냥 주지 않고 서버에서 프로그래밍해서 동적으로 바꿔서 내려주는 것
- 그걸 하기 위해서 MVC 구조가 필요함
API
- 요즘은 json 형식으로 (데이터 포맷) 데이터를 전달해줌
- Server <-> Client, Server <-> Server

Spring boot 의 정적 컨텐츠

spring boot 는 resources/static 폴더에 있는 것들을 알아서 띄워줌

컨트롤러가 우선순위를 가짐, 컨트롤러를 찾음. 그런데 컨트롤러가 없다면 static 하위의 html 파일을 찾음

snaag commented 1 year ago

스프링 입문강의 > 스프링 웹 개발 기초

2. MVC 와 템플릿 엔진

MVC ? Model, View, Controller.

과거에는 View, Controller 의 구분이 없었음 -> view (jsp) 에서 모든걸 다했음 (DB도 접근하고, 로직도 있고...)
하지만 요즘은 MVC style 로 함 -> 관심사의 분리를 위해서
View
- 단순히 화면을 그리는데 모든 역량을 집중함
Controller
- model 과 관련된 부분
- business logic 에 집중
Model
- 화면에서 필요로 하는 데이터를 넘겨줌

template engine (thymeleaf)

타임리프의 장점 -> 파일을 서버 없이 열어도 대충 확인할 수 있음

viewResolver 가 view 를 찾아주고, template engine 을 연결시켜줌
- template engine 이 그 파일을 변환하고 웹브라우저에 돌려줌

snaag commented 1 year ago

Intellij tip

command + P -> 함수의 param 볼 수 있음

snaag / TIL

22-11-13-SUN #11

스프링 입문 강의 > 프로젝트 환경설정

1. View 환경설정

spring boot 에서 사용할 수 있는 template engine

welcome page 만들기

Controller + template engine 으로 값을 동적으로 받는 페이지 만들기

spring-boot-devtools

스프링 입문강의 > 프로젝트 환경설정

2. 빌드하고 실행하기

터미널에서 빌드하고 실행하기

jar 파일이란?

스프링 입문강의 > 스프링 웹 개발 기초

1. 정적 컨텐츠

웹 개발

Spring boot 의 정적 컨텐츠

스프링 입문강의 > 스프링 웹 개발 기초

2. MVC 와 템플릿 엔진

MVC ? Model, View, Controller.

template engine (thymeleaf)

Intellij tip