day43 🌕

스프링 MVC 2편 - 백엔드 웹 개발 활용 기술 섹션 0, 1 수강

+) 22. 07. 28. 추가

섹션 0. 소개 수강 완료!!
섹션 1. 타임리프 - 기본 기능 수강 완료!!

타임리프 특징

• 서버 사이드 HTML 렌더링 (SSR)
  타임리프는 백엔드 서버에서 HTML을 동적으로 렌더링 하는 용도로 사용된다.

• 내추럴 템플릿
  타임리프로 작성한 파일은 HTML을 유지하기 때문에 웹 브라우저에서 파일을 직접 열어도 내용을 확인할 수 있고, 서버를 통해 뷰 템플릿을 거치면 동적으로 변경된 결과를 확인할 수 있다.

• 스프링 통합 지원
  타임리프는 스프링과 자연스럽게 통합되고, 스프링의 다양한 기능을 편리하게 사용할 수 있게 지원한다.

HTML 엔티티

'<'를 태그의 시작이 아니라 문자로 표현하는 것을 HTML 엔티티라 한다.
이렇게 HTML에서 사용하는 특수 문자를 HTML 엔티티로 변경하는 것을 이스케이프(escape)라 한다. 타임리프가 제공하는 th:text, [[...]]는 기본적으로 이스케이프를 제공한다.

속성 설정

th:* 속성을 지정하면 타임리프는 기존 속성을 th:*로 지정한 속성으로 대체한다. 기존 속성이 없다면 새로 만든다.

• <input type="text" name="mock" th:name="userA" />
  ➡️ <input type="text" name="userA" />

반복 기능

<tr th:each="user : ${users}">
반복 시 오른쪽 컬렉션 ${users}의 값을 하나씩 꺼내서 왼쪽 변수 user에 담아서 태그를 반복 실행한다.

if, unless

타임리프는 해당 조건이 맞지 않으면 태그 자체를 렌더링하지 않는다.
만약 다음 조건이 false인 경우 <span>...<span> 부분 자체가 렌더링 되지 않고 사라진다.
<span th:text="'미성년자'" th:if="${user.age lt 20}"></span>

주석

1. 표준 HTML 주석
   자바 스크립트의 표준 HTML 주석은 타임리프가 렌더링 하지 않고 그대로 남겨둔다.

2. 타임리프 파서 주석
   렌더링에서 주석 부분을 제거한다.

3. 타임리프 프로토타입 주석
   HTML 파일을 그대로 열어보면 주석처리가 되지만, 타임리프를 렌더링 한 경우에만 보이는 기능이다.

---

코테 sql문

+) 22. 07. 27. 추가

JOIN

1. 없어진 기록 찾기

SELECT B.ANIMAL_ID, B.NAME FROM ANIMAL_INS A
RIGHT OUTER JOIN ANIMAL_OUTS B ON A.ANIMAL_ID = B.ANIMAL_ID
WHERE A.ANIMAL_ID IS NULL

2. 있었는데요 없었습니다

SELECT A.ANIMAL_ID, A.NAME FROM ANIMAL_INS A
LEFT OUTER JOIN ANIMAL_OUTS B ON A.ANIMAL_ID = B.ANIMAL_ID
WHERE A.DATETIME > B.DATETIME
ORDER BY A.DATETIME

3. 오랜 기간 보호한 동물(1)

SELECT A.NAME, A.DATETIME FROM ANIMAL_INS A
LEFT OUTER JOIN ANIMAL_OUTS B ON A.ANIMAL_ID = B.ANIMAL_ID
WHERE B.ANIMAL_ID IS NULL
ORDER BY DATETIME LIMIT 3

4. 보호소에서 중성화한 동물

SELECT A.ANIMAL_ID, A.ANIMAL_TYPE, A.NAME FROM ANIMAL_INS A
INNER JOIN ANIMAL_OUTS B ON A.ANIMAL_ID = B.ANIMAL_ID
WHERE A.SEX_UPON_INTAKE != B.SEX_UPON_OUTCOME