개발자의 끄적끄적

[thymeleaf] 타임리프 newline 개행 처리 방법 스프링부트 타임리프에서 입력받았던 content 를 줄바꿈을 적용해서 하려면 아래와 같이 사용하면 됩니다. th:utext="${#strings.replace(content, T(System).getProperty('line.separator'), '')}" 하지만, 위 방법으로 했는데도 불구하고 에러가 나는 경우가 있습니다. T(System).getProperty('line.separator') 이 부분때문에 에러가 나는건데요, 이걸 controller 단에서 변수로 받아와서 처리하면 에러없이 깔끔하게 처리됩니다. 아래는 controller 소스 입니다. //controller val nlString = System.getPrope..

[thymeleaf] 타임리프 onclick location.href 사용 방법 타임리프에서 컨트롤러에서 넘겨받은 URL 변수로 특정 태그에 onclick 를 이용하여 location.href 설정을 하고싶을때 아래와 같은 방법으로 하시면 됩니다! th:onclick="'location.href=\''+ @{${moveUrl}} + '\''" 약간 헤깔릴 수도 있는 문법인데 엄청 자주 사용하게 됩니다! 참고들 하세요!

[thymeleaf] 자바스크립트에서 타임리프 변수 사용 하는 방법 타임리프 변수를 자바스크립트에서 사용하려면 기본적으로 선언을 해주어야 하는 내용이 있습니다. 위 내용 보시면 아시겠지만, script 태그에 th:inline="javascript" 내용을 추가해서 달아주어야 해당 스크립트 안에 타임리프 변수가 정상적으로 반영되어 동작합니다! /* 그리고 해당 스크립트 태그안에 사용할 타임리프 변수는 위처럼 선언해서 사용하시면 됩니다! 참고들 하세요!

[thymeleaf] 타임리프 textarea 에 데이터 표시하는 방법 타임리프에서 textarea 에 넘겨받은 변수내용을 표기하고자 할때 아래의 내용처럼 하시면 됩니다! 위 내용 보시면 아시겠지만, th:text 를 이용하여 출력하면 textarea 에 정상적으로 데이터가 표시됩니다! 참고들하세요!

[thymeleaf] 타임리프 변수 javascript 에서 사용하기 타임리프에서 타임리프 변수를 자바스크립트 변수에 저장하거나 활용하고 싶을때는 아래와 같은 방법으로 하시면 됩니다! 쓰는 내용이 조금 복잡해 보일 수는 있지만, 사용하시다 보면 일정한 패턴이라 ㅎㅎ 금방 익숙해 지실껍니다! 참고들 하세요!!

[thymeleaf] 타임리프 th:value 사용법 및 예제 웹프로그램을 작업할때 뷰 페이지에서 input 에 데이터를 넣을때 value="" 를 사용합니다. 아래는, 타임리프에서 input 태그에 value 를 출력하는 방법입니다. 위 내용을 보시면 아시겠지만, 크게 다른것은 없고 value 를 th:value 로 변경하고 출력하고자 하는 변수를 입력해주면 됩니다! 참고들하세요!

[thymeleaf] 타임리프 string.equals 를 이용한 문자열 비교방법 이전에 타임리프 문자열 비교가 제대로 안되는 부분이 있어서 글을 작성한 적이 있습니다. 문자열을 비교할 수 있는 두번째 방법입니다. ${#strings.equals(data.name, 'aaa')} 위 내용에서 처럼 strings.equals 를 이용하여 data.name 안에 들어있는 문자열과 뒤에 입력받은 aaa 라는 문자열이 같은지를 비교합니다. 참고들 하세요!!

[thymeleaf] 타임리프 th:classappend 동적으로 클래스 추가하기 타임리프에서 현재 페이지 값 혹은 넘겨받은 값을 기준으로 조건에 맞으면 클래스를 추가하는 경우가 있습니다. 그럴때 아래처럼 사용하면 됩니다. 넘겨받은 data 의 값이 1 이거나 2일 경우 각각 다른 div를 th:classappend 를 사용하여 on 라는 클래스를 추가하는 내용입니다. 참고들 하세요!!