input 태그 속성 만들기 input 태그의 속성 값으로 데이터를 많이 전달하게 되는데 그 속성을 직접 만들어서 사용할 수 있습니다! data-이름=" " 타임리프 문법 사용시 th:data-이름=" " 이름은 하이픈으로 만들어주기! 해당 속성값을 받아올 때는 하이픈으로된 이름을 카멜식으로 받을 수 있음 ex) data-item-name -> itemName 만든 속성 사용하는 법 해당태그선택.dataset.속성명 예시) th:each="cart : ${cartList}" 컨트롤러에서 받아온 cartList를 cart로 하나씩 꺼냅니다. th:data-total-price="${cart.itemVO.itemPrice * cart.cartCnt}" data-total-price의 속성을 만들어서 th:e..
List 데이터 화면에 출력하기 컨트롤러에서 Model을 통해 HTML로 전달하는 데이터가 List 타입일 경우 th:each="객체명: ${리스트명}" 리스트에 있는 객체를 하나씩 꺼내는 th:each를 사용하면 됩니다. 데이터 출력 [[${객체명.꺼낼필드}]] 리스트의 사이즈 확인 #lists.size(리스트명) 리스트에 값이 있을 때 없을 때 구분해서 데이터 출력
부트스트랩 스타일 클래스 레이아웃 container : 페이지 컨테이너 container-fluid : 컨테이너를 100% 너비로 확장 row : 행 col-숫자 : 열 d-grid : 해당 영역 꽉 채우기 justify-content-center : 중앙 정렬 align-middle : 위아래 정렬 m-숫자 : 마진 p-숫자 : 패딩 텍스트 text-center : 텍스트 가운데 정렬 text-primary / text-secondary : 텍스트 색상 지정 font-weight-bold : 텍스트 굵게 버튼 btn : 기본 버튼 스타일 btn-primary / btn-secondary : 다양한 버튼 스타일 btn-lg btn-sm : 버튼 사이즈 폼 form-control : 입력 필드, 텍스트 영..
resultMap collection resultMap collection은 테이블의 관계가 1 : n 일때 사용! 2개의 테이블의 컬럼을 조회하는 쿼리문을 만들 때, resultMap에 2개의 테이블의 컬럼을 매핑하기 위해 연결할 다른 테이블의 객체를 필드로 만들어주면 됩니다. resultMap으로 property에는 만든 필드명 resultMap은 다른 테이블과 매핑된 resultMap을 넣어주면 됩니다! 주의사항! PK컬럼은 구분해주기 위해 result가 아닌 id로 만들어줍니다! resultMap association resultMap collection은 테이블의 관계가 1 : 1 일때 사용!