-
질문 & 답변
카테고리
-
세부 분야
백엔드
-
해결 여부
미해결
뷰 코드 복사했는데 복사도 이상하게 되고 실행하면 오류가 뜨는데 뭐가 잘못된건가요?
24.03.27 23:53 작성 조회수 112
0
학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요.
1. 강의 내용과 관련된 질문을 남겨주세요.
2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요.
(자주 하는 질문 링크: https://bit.ly/3fX6ygx)
3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요.
(질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG)
질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요.
=========================================
[질문 템플릿]
1. 강의 내용과 관련된 질문인가요? (예/아니오)
2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오)
3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오)
[질문 내용]
pdf 파일에 있는 뷰 코드
복붙했는데
실행하면 오류가 뜹니다.
pdf파일 복사가 제대로 안되는데 왜 구지 pdf로 올리는지 모르겠네요
일단 코드 보여드릴게요
creatememberform.html
<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head th:replace="fragments/header :: header" />
<style>
.fieldError {
border-color: #bd2130;
}
</style>
<body>
<div class="container">
<div th:replace="fragments/bodyHeader :: bodyHeader"/>
<form role="form" action="/members/new" th:object="${memberForm}" method="post">
<div class="form-group">
<label th:for="name">이름</label>
<input type="text" th:field="*{name}" class="form-control" placeholder="이름을 입력하세요"
th:class="${#fields.hasErrors('name')}? 'form-control fieldError' : 'form-control'">
<p th:if="${#fields.hasErrors('name')}" th:errors="*{name}">Incorrect date</p>
</div>
<div class="form-group">
<label th:for="city">도시</label>
<input type="text" th:field="*{city}" class="form-control" placeholder="도시를 입력하세요">
</div>
<div
class="form-group">
<label
th:for="street">거리</label>
<input type="text" th:field="*{street}" class="form-control" placeholder="거리를 입력하세요">
</div>
<div
class="form-group">
<label
th:for="zipcode">우편번호</label>
<input
type="text" th:field="*{zipcode}" class="form-control"
placeholder="우편번호를 입력하세요">
</div>
<button type="submit" class="btn btn-primary">Submit</button>
</form>
<br/>
<div th:replace="fragments/footer :: footer" />
</div> <!-- /container -->
</body>
</html>itemlist.html
<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head th:replace="fragments/header :: header" />
<body>
<div class="container">
<div th:replace="fragments/bodyHeader :: bodyHeader"/>
<div>
<table class="table table-striped">
<thead>
<tr>
<th>#</th>
<th>상품명</th>
<th>가격</th>
<th>재고수량</th>
<th></th>
</tr>
</thead>
<tbody>
<tr th:each="item : ${items}">
<td th:text="${item.id}"></td>
<td th:text="${item.name}"></td>
<td th:text="${item.price}"></td>
<td th:text="${item.stockQuantity}"></td>
<td>
<a href="#" th:href="@{/items/{id}/edit (id=${item.id})}"
class="btn btn-primary" role="button">수정</a>
</td>
</tr>
</tbody>
</table>
</div>
<div th:replace="fragments/footer :: footer"/>
</div> <!-- /container -->
</body>
</html>이코드 실행하면
Whitelabel Error Page
라고 뜨네요
뭐가문제인가요..
pdf그대로 복사하면 복사가 제대로 안되서 붙여넣어지는데
불편하네요
답변을 작성해보세요.
0
인프런 AI 인턴
2024.03.27
안녕하세요, 인프런 AI 인턴입니다.
캐내기 님의 문제는 PDF에서 HTML 코드를 복사&붙여넣기 하시면서 발생한 문제로 보입니다. 특히, HTML 코드 내에서 줄바꿈이나 공백의 부정확한 처리가 오류의 원인일 가능성이 높습니다. 또한, 타임리프(Tymeleaf) 템플릿 엔진에서 사용되는 표현식이나 지시어의 정확한 파싱을 위해서도 코드의 정확한 형태가 유지되어야 합니다.
이와 유사한 문제에 대한 해결 방법으로, “createMemberForm.html을 작성 후 실행시 에러가 뜹니다..” 라는 질문에 제시된 답변을 참고하시는 것을 권장합니다. 이 답변에서는 타임리프 문법 중 줄이 띄워져 있거나 여러 줄로 나뉘어 있는 경우 에러가 발생할 수 있음을 언급하고 있습니다. 따라서, HTML 코드를 한 줄로 작성하는 것이 에러를 피하는 한 가지 방법일 수 있습니다.
또한, 뷰 템플릿을 올바르게 랜더링 하기 위해 필요한 컨트롤러나 모델의 구성요소가 실제 PDF에서 제시된 코드 이외에 필요할 수 있습니다. 따라서, 강의 내용에서 제공된 전체 예제 코드와 설정 파일을 검토하여 누락되거나 변경된 부분이 없는지 확인하는 것도 중요합니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
답변 2