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

재사앙님의 프로필 이미지
재사앙

작성한 질문수

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

상품 목록 - 타임리프

thymeleaf 적용이 안됩니다.

작성

·

2.6K

0

=========================================
[질문 템플릿]
1. 강의 내용과 관련된 질문인가요? (예/아니오)


2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오)


3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오)

[질문 내용]
스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술
상품목록 - 타임리프 진행중에 문제가 생겼습니다.

스크린샷_20230210_091800.png스크린샷_20230210_091807.png스크린샷_20230210_091815.png

타임리프에 문제가 있는지.. 변수가 안담깁니다.

구글링으로 찾아봐서 캐쉬초기화도 해봤고

"http://www.thymeleaf.org" 를 http://thymeleaf.org 로 변경도 해봤지만 경고문만 사라지고 해결되지 않았습니다.

근데 여기서 이상한건

th:onclick="|location.href='@{/basic/items/add}'|"

이 타임리프 문장은 작동이 되는것 같아요

스크린샷_20230210_092417.png

스크린샷_20230210_092422.png

저 코드대로 /basic/items/add 경로로 이동이 됩니다.


자바코드에 문제가 있나 확인도 해봤지만 문제점을 찾지 못했습니다 확인해야할게 더 있으면 알려주시면 감사하겠습니다...

답변 2

0

직접 다운 받아 확인해봤는데 item도메인객체를 model에 담으실 때 키 값을 item으로 하셨는데

items.html의 코드에서 model키 값을 ${items} 으로 하셨네요 item으로 바꾸시면 됩니다.

 

기존코드

<tr th:each="item : ${items}">

 

수정된 코드

<tr th:each="item : ${item}">
재사앙님의 프로필 이미지
재사앙
질문자

아..세상에 감사합니다 정말 감사합니다...

즐공하세요^^

0

안녕하세요. 재사앙님, 공식 서포터즈 OMG입니다.

인텔리제이 무료버전을 사용중이시라면 타임리프 편의 기능을 지원하지 않아 warning으로 표기 될 수 있습니다.

타임리프 의존성만 프로젝트 생성 시 잘 추가했다면 실행에는 문제 없을거에요

404에러가 발생하는 이유는 Controller코드에서 /basic/items/add 를 처리하는 코드가 없어서 발생하지 않나 생각합니다. 확인 부탁드립니다.(이후 강의("상품등록폼")에서 진행되는 내용입니다. )

 


감사합니다.

재사앙님의 프로필 이미지
재사앙
질문자

404에러페이지는 아직 그 부분 진도를 안나간상태에서 타임리프 적용이 안되는 문제 해결하는중 질문드리고 있습니다 스프링 버전이 영한님과 달라서 생기는 문제일까요 디펜던시 타임리프 롬복 스프링웹도 맞춰서 진행한것인데.. JAR 에 자바11 맞습니다

404에러페이지는 아직 그 부분 진도를 안나간상태에서 타임리프 적용이 안되는 문제 해결하는중 질문드리고 있습니다

네. 질문과 강의 확인 후 댓글 확인 전에 답변 수정하였는데 못보신 것 같습니다.

스프링 버전이 영한님과 달라서 생기는 문제일까요 디펜던시 타임리프 롬복 스프링웹도 맞춰서 진행한것인데.. JAR 에 자바11 맞습니다

버전 문제로 예상하시는 거라면

두 가지 방법을 확인해 볼 수 있습니다.

1.강의에서 제공하는 프로젝트를 현재 만드신 프로젝트 버전과 동일하게 맞춰보는 방법

(ex) 현재 스프링 부트 프로젝트 생성 가능한 버전인 2.7.8로 강의에서 제공해드리는 프로젝트 코드의 버전을 바꿔서 확인해볼 수 있습니다.

 

2.생성하신 프로젝트를 스프링부트 버전을 강의영상 시점의 버전과 동일하게 맞춰보는 방법

 

두가지 방법이 있습니다.

제 예상으로는 버전 문제 같지는 않습니다.

우선 2번 방법인 현재 만드신 프로젝트의 build.gradle에서 스프링부트 버전을 2.4.3으로 변경하고 확인해보시면 될 것 같아요.

image

동일하게 안된다면 코드 문제라고 예상할 수 있겠죠?

확인 후 결과를 공유해주세요.

 

재사앙님의 프로필 이미지
재사앙
질문자

아 그리고 커뮤니티에디션 (무료버전) 아니라 대학생 학생증 인증으로 받은 유료버전입니다..!

재사앙님의 프로필 이미지
재사앙
질문자

변경하고 gradle 적용도 한 뒤에 다시 서버실행해서 시도해보았으나

스크린샷_20230210_113026.png

스크린샷_20230210_113131.png문제가 해결되지 않습니다.스크린샷_20230210_113239.png

죄송합니다 ㅠ 고생하시는데... 원인을 모르겠네요 타임리프 문법대로 한 것 같은데 왜 Cannot resolve 되는지

특이하네요.

코드를 살펴봐야 알 것 같습니다.

제 개발 환경에서 실행했을 때 어떤상황인지를 알아야 정확한 파악이 될 거 같아요.



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

구글 드라이브 업로드 방법 링크

주의: 업로드시 권한 문제 꼭 확인해주세요


감사합니다.

재사앙님의 프로필 이미지
재사앙
질문자

OMG님 해결했습니다 nus0503님께서 도와주셨습니다ㅠㅠ

코드 문제가 맞긴했네요^^

강의 수강 중 궁금한 사항은 언제든 질문 남겨주세요 :)

재사앙님의 프로필 이미지
재사앙
질문자

네네 정말 감사합니다 ㅠㅠ!!

재사앙님의 프로필 이미지
재사앙

작성한 질문수

질문하기