<table class="product_info">
<tr>
<td>영수증 유형</td>
<td th:text="${productDTO.productDetail.receiptType}"></td>
</tr>
<tr>
<td>상품 상태</td>
<td th:text="${productDTO.productDetail.prodState}"></td>
</tr>
<tr>
<td>면세 여부</td>
<td th:text="${productDTO.productDetail.taxFree}"></td>
</tr>
<tr>
<td>사업자 유형</td>
<td th:text="${productDTO.productDetail.bizType}"></td>
</tr>
<tr>
<td>원산지</td>
<td th:text="${productDTO.productDetail.origin}"></td>
</tr>
</table>
<img src="/images/product/lotteimage.png">
<p>MD 공지사항</p>
<img th:src="${productDTO.productImage.sNameDetail}" alt="박스"
onerror="this.src='/images/productBox.jpg';">
<!-- <img src="/images/product/beautyfesta.jpeg"> -->
<p>상품필수정보</p>
<table class="product_assential">
<tr><th>원산지</th> <td th:text="${productDTO.productDetail.origin}"></td></tr>
<tr><th>모델명</th> <td th:text="${productDTO.prodName}"></td></tr>
<tr><th>상품번호</th> <td th:text="${productDTO.prodNo}"></td></tr>
<tr><th>상품상태</th><td>새상품</td></tr>
<tr><th>브랜드</th> <td th:text="${productDTO.prodBrand}"></td></tr>
<tr><th>내용물의 용량 또는 중량</th><td>75ml</td></tr>
<tr><th>제품 주요 사양</th><td>모든 피부 타입</td></tr>
<tr><th>사용기한 또는 개봉 후 사용기간</th>
<td>개봉 후 36개월 / 제조년월일부터 10개월 이내 상품을 발송합니다. (제품별로 상이하므로 고객센터 문의: 02-772-3225)</td>
</tr>
<tr><th>사용방법</th><td>맥박이 뛰는 부위, 옷깃이 스치는 곳에 분사하여 사용합니다.</td></tr>
<tr><th>화장품제조업자 및 화장품책임판매업자</th>
<td>제조자: 씨씨아이알엔디 / 제조판매업자: 씨씨인터내셔널</td>
</tr>
<tr><th>제조국</th><td>프랑스</td></tr>
<tr><th>전성분</th>
<td>
변성알코올, 향료, 정제수, 에칠헥실메톡시신나메이트, 에칠헥실살리실레이트, 부틸메톡시디벤조일메탄,<br>
비에이치티, 리모넨, 리날룰, 알파-아이소메틸아이오논, 파네솔, 제라니올, 시트랄, 시트로넬롤
</td>
</tr>
<tr><th>기능성 여부</th><td>해당없음</td></tr>
<tr><th>사용할 때 주의사항</th>
<td>
1. 화장품 사용 중 붉은 반점, 부어오름, 가려움증 등의 이상이 있을 경우 사용 중지<br>
2. 상처가 있는 부위에는 사용을 자제할 것<br>
3. 보관 및 취급 시의 주의사항: 어린이 손에 닿지 않는 곳에 보관할 것, 고온 또는 저온의 장소 및 직사광선을 피해 보관할 것
</td>
</tr>
<tr><th>품질보증기준</th><td>관련법 및 소비자분쟁해결기준에 따름</td></tr>
<tr><th>소비자상담 관련 전화번호</th><td>딥티크 담당자 / 1644-4490</td></tr>
</table>
기술 설명
<table class="product_info">:
- 영수증 유형(
receiptType), 상품 상태(prodState), 면세 여부(taxFree), 사업자 유형(bizType), 원산지(origin)를 ProductDetail DTO에서 동적으로 바인딩.- 각
<tr>의 두 번째<td>에th:text="${productDTO.productDetail.xxx}"로 값 출력.<img src="/images/product/lotteimage.png">:
- MD 공지사항용 고정 이미지.
<p>MD 공지사항</p>:
- MD 공지사항 섹션 제목(정적 텍스트).
<img th:src="${productDTO.productImage.sNameDetail}" alt="박스" onerror="this.src='/images/productBox.jpg';">:
- ProductImage DTO의
sNameDetail경로를 동적 바인딩하여 상세 이미지 출력.onerror속성으로 이미지 로드 실패 시 기본 이미지(/images/productBox.jpg)를 대체 표시.<!-- <img src="/images/product/beautyfesta.jpeg"> -->:
- 주석 처리된 이미지 태그(현재 사용되지 않음).
<p>상품필수정보</p>:
- 필수 정보 섹션 제목(정적 텍스트).
<table class="product_assential">:
- 필수 정보 항목을 표 형태로 표시.
- 주요 행 항목:
- 원산지(
productDTO.productDetail.origin, 동적 텍스트)- 모델명(
productDTO.prodName, 동적 텍스트)- 상품번호(
productDTO.prodNo, 동적 텍스트)- 브랜드(
productDTO.prodBrand, 동적 텍스트)- CSS 클래스:
.product_info와.product_assential클래스로 표 스타일 지정 가능.- 표의 구조는
<tr>마다<td>(일반 표) 또는<th>와<td>(헤더 포함 표)로 구분.