인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

이혜원님의 프로필 이미지
이혜원

작성한 질문수

스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술

상품 목록 - 타임리프

th:each 작성후 html 테이블에 값이 나오지 않습니다.

작성

·

572

0

안녕하세요.

html이 잘 작동되고 있었으나 아래의 코드를 작성 후 목록 값이 나오지 않고 있습니다ㅠㅠ

<tr th:each="item : ${items}">
    <td><a href="item.html" th:href="@{/basic/items/{itemId}(itemId=${item.id})}" th:text="${item.id}">회원id</a></td>
    <td><a href="item.html" th:href="@{|/basic/items/${item.id}|}" th:text="${item.itemName}">상품명</a></td>
    <td th:text="${item.price}">10000</td>
    <td th:text="${item.quantity}">10</td>
</tr>

혹시 몰라 전체 코드도 함께 첨부하겠습니다.

<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <link href="../css/bootstrap.min.css"
          th:href="@{/css/bootstrap.min.css}" rel="stylesheet">
</head>
<body>
<div class="container" style="max-width: 600px">
    <div class="py-5 text-center">
        <h2>상품 목록</h2>
    </div>
    <div class="row">
        <div class="col">
            <button class="btn btn-primary float-end"
                    onclick="location.href='addForm.html'"
                    th:onclick="|location.href='@{/basic/items/add}'|"
                    type="button">상품 등록</button>
        </div>
    </div>
    <hr class="my-4">
    <div>
        <table class="table">
            <thead>
            <tr>
                <th>ID</th>
                <th>상품명</th>
                <th>가격</th>
                <th>수량</th>
            </tr>
            </thead>
            <tbody>
            <tr th:each="item : ${items}">
                <td><a href="item.html" th:href="@{/basic/items/{itemId}(itemId=${item.id})}" th:text="${item.id}">회원id</a></td>
                <td><a href="item.html" th:href="@{|/basic/items/${item.id}|}" th:text="${item.itemName}">상품명</a></td>
                <td th:text="${item.price}">10000</td>
                <td th:text="${item.quantity}">10</td>
            </tr>
            </tbody>
        </table>
    </div>
</div> <!-- /container -->
</body>
</html>

답변 1

0

안녕하세요. 이혜원님, 공식 서포터즈 OMG입니다.

올리신 코드랑 강의 코드랑 비교했을 때 아래 부분의 차이만 있을 뿐, 실질적인 코드 차이가 없습니다.

그렇다는 것은 해당 코드 외에서 발생한 문제일 가능성이 매우 높습니다.
image

따라서 작성하신 코드를 확인해봐야 어떤 문제인지 알 수 있습니다.

전체 프로젝트를 압축해서 구글 드라이브로 공유해서 링크를 남겨주세요.
구글 드라이브 업로드 방법은 다음을 참고해주세요.

https://bit.ly/3fX6ygx

업로드시 권한 문제 꼭 확인해주세요
공유 기본 설정은 비공개로 되어 있어 업로드 한 본인 계정만 접근이 가능합니다.

본인 계정이 아닌 링크를 통한 타 계정 접근이 가능한지 확인하는 방법은 업로드 한 구글 계정을 로그아웃하고 링크를 접속하여 "액세스 권한 요청 화면"이 출력되는지 확인을 해주세요.

감사합니다.

인프런 에디터가 변경되어 첨부한 이미지 보기가 힘드실텐데요,

이미지 -> 마우스 우클릭 -> "이미지 주소 복사" -> 브라우저에 붙여넣기(ctrl + v) 하시면 큰 화면으로 확인하실 수 있습니다

확인 후 답변드릴게요~

image

자바 코드가 없어요..

실행 가능한 (프로젝트) 코드가 필요합니다.

image

build.gradle 등 프로젝트 실행에 필요한 파일들이 있어야합니다

이혜원님의 프로필 이미지
이혜원

작성한 질문수

질문하기