리마인드
- Spring 은 서버가 안에 내장되어 있음 -> 서버에 관한 설정은 application.pro~에서 설정 가능함
- static의 index.html이 접속된다.
- staic 폴더 밑에 있는 css 폴더 안에 있는 custom.css 폴더로 이동한다.
bean이 된다 = spring bean container 안에 객체로 관리된다.
Spring의 스캔 범위
- main 메소드를 포함하는 패키지 + 그 패키지의 하위 패키지를 스캔한다.
파라미터명만 적어도 value 추출해줌
- 파라미터명 적으면 자동으로 그 안에 있는 value 값을 뽑아준다.
Spring
-
type casting 을 자동으로 해준다.
-
요청 파라미터가 자동으로 dto 에 담겨줘서 getter로 value를 불러올 수 있다.
lombok
- install 들어가서 이클립스 링크 복사 -> 이클립스의 Help에 들어가서 설치하기
@setter, @getter, @builder를 사용 가능하게 하는 라이브러리
JSP
-
Maven의 특징은 pop.xml로 필요한 라이브러리를 추가 삭제할 수 있다.
-
바로 jsp 페이지를 응답하는 경우가 없고 무조건 컨트롤러를 거쳐서 응답한다.
get 방식 요청 -> 컨트롤러가 응답할 데이터를 담고 jsp 페이지로 응답을 위임한다.
접두사와 접미사 설정?
이클립스 사용 추가
Model
- 자동으로 request 영역에 담긴다.
Model에 담아서 EL로 보여주기
-
Model에 담는 페이지
-
응답을 보여줄 페이지
응답할 데이터를 model 에 담고 EL로 응답이 가능하다.
라이브러리 추가하는 방법
setter, getter, builder
- dto 객체를 만들고 한 번에 값을 넣을 수 있다.
- 컨트롤러에서 dto 에 값을 담고 응답할 페이지로 forward 한다.
- EL로 값을 보여줄 수 있다.
- lombok 붙이면 proprietes 다 날아가서 다시 작성해야 함...
🌿Thymeleaf
- jsp 대신에 Thymeleaf가 응답하는 구조
- application~ 설정하기
- apllication 자동 실행 설정하기
- templates 안에 html 파일 만들기(jsp의 views랑 동일한 역할)
Controller 로 Thymeleaf html 응답
- return "home" = tmeplates 폴더 안에 있는 걸 찾아서 보여준다.
Thymeleaf 안에 데이터 박기
- templates 폴더 안에 있는 html 파일은 Thymeleaf가 해석을 하고 보여준다.
html 파일에 Thymeleaf가 읽을 수 있게 데이터를 박아놓기
-
[[${}]]
-
th:text="${}"
-
th:src="@{}"
4. th:each
- 직접 박거나 innerText 를 사용해서 박을 수 있음
status 로 동적으로 style 제어하기
- status 로 list 안에 담긴 tmp 요소의 여러 정보를 알 수 있음
- status로 동적으로 style 을 지정할 수 있다.
리스트 불러오기
-
list.of으로 배열 생성하기
-
list 의 th:each는 list를 짝지어주고 그 안에 있는 tmp로 데이터 박기
list와 th:each는 한 쌍으로 생각하기
시퀀스로 원하는 범위의 숫자 얻어내기
페이징 처리할 때 활용할 수 있다.
get 방식 파라미터로 보내는 방식
정리 – Thymeleaf vs Vue.js 용도 차이
모두 html 페이지에 데이터를 박기위해서 사용함
주체가 서버냐(Thymeleaf)? 클라이언트냐(Vue)?가 다름
=> 같은 목적이지만, 서버냐 클라이언트냐에 따라 사용하는 기술이 다름!
Eclipse Thymeleaf 설정(공유 페이지 참고하기)
이클립스에 Thymeleaf로 해석하는 놈을 넣어서 오류 안 뜨게 만들기
window > Preferences >
- 바로 finish 가 아닌 next로 가서 설정하기
보완
- scope 에 담긴 내용은 EL로 출력이 가능하다.
DB 연동하는 방법을 알면 JSP 기반을 Spring 으로 변경해보기
1. dependency 추가하기
2. webapp , WEB-INF, views, jsp 생성
- controller 를 거치는 jsp 페이지 생성
