반응형 프로그래밍/Thymeleaf5 Thymeleaf disabled, checked 사용법. 익숙하지 않음에서 오는 답답함은 개발을 하다 보면 자주 느낌는 감정이다. 오늘 UI작업을 하면서 계속 구글링에 의존하면서 작업을 하고 있다. 계정관리 프로그램에서 권한에 따른 옵션 선택박스의 활성화, 비활성화 방법에 대해 내가 생각했던거(?)와 달리 해결되지도 않는 무수한 글들이 무자비하게 있었다. 결국 해결한 방법은 아~ 와 같은 깨우침이 있어야 가능한가보다. 우슨 html의 select box 를 동적으로 disabled 하기 위해 추가된 코드 그리고 radio 버튼의 checked 바로 바로 응용이 안되는건 이제 머리가 굳어서 그런건지... 자주 찾아보고 사용하고 기록해야 익숙해지지 않을까? 2020. 1. 22. Thymleaf th:href속성 정의 방법 Thymleaf th:href속성 정의 방법 성가시게하는 것들이 있다. 그것은 익숙하지 않음에서 오는 불편함이다. 따라서 적응해야하는데 그것의 빈도가 높지 않을 때는 쉽지 않은 일이다. 따라서 메모를 해두는 것이 좋은 방법이다. 헤멜때는 찾기 마련이니까... 기본적으로 th:href속성을 사용해서 링크를 잡는다. 이때 '@{이동할경로}' 를 지정하면 된다. 절대, 상대 경로 모두 지정이 가능하다. 파라미터 정보를 여러개 추가할 때는 다음과 같이 한다. 이런식이라면 다음과 같이 링크가 잡힌다. 글 제목 2019. 12. 20. Thymeleaf 화면에서 스프링 시큐리티 사용 Thymeleaf 화면에서 스프링 시큐리티 사용 인증된 사용자 정보를 화면에 표시하거나 인가 정보에 따라 화면 표시를 제어하는 것처럼 스프링 시큐리티로 다루는 정보를 Thymeleaf 화면에서 다룰 수 있게 하는 연계 기능이 존재한다. pom.xml파일에 의존 관계 추가 ... org.thymeleaf.extras thymeleaf-extras-springsecurity3 spring-boot-starter-parent를 통해 thymeleaf-extras-springsecurity3의 버전이 관리되므로 을 지정하지 않아도 된다. 사용방법은 다음과 같다. Thymeleaf와 스프링 시큐리티 연계 기능을 위한 이름 공간을 설정한다. 설정하지 않아도 동작하지만 설정하지 않으면 IDE에 경고가 표신된다. de.. 2019. 4. 25. Thymeleaf th:field 속성과 th:errorclass 속성 Thymeleaf th:field 속성과 th:errorclass 속성 템플릿에 대한 개념이 아직 완벽하게 이해되지 않았다. Thymeleaf를 공부해야하지만 선뜻 와 닿지 않는다. 하나 하나 잘 정리해서 손에 익도록 해야겠다. error! 태그에 포함된 action속성 값을 th:action속성 값으로 치환할 수 있으며, th:object속성 값에 Model속성 이름을 지정하여 이 태그 안에서 *{필드이름} 형식으로 사용할 수 있다. th:field="*{필드 이름}"을 설정하면 이 HTML필드와 폼 객체(여기서는 CustomerForm)에 포함된 필드를 연결할 수 있고 HTML필드 값이 폼 객체의 해당 필드로 설정된다. 반대로 폼 객체의 필드 값이 Model에서 HTML필드 값을 설정된다. 입력 검사.. 2019. 4. 20. Thymeleaf : javascript 함수 호출 방법 Thymeleaf : javascript 함수 호출 방법 Spring boot로 웹 어플리케이션을 개발하고 있다. View영역이 Thymeleaf로 개발되고 있기 때문에 Thymeleaf를 공부하지 않을 수 없게 되었는데 오늘은 이미 오래전 감각을 잃어버린 웹 개발 방식을 익히느라 정신이 없다. 왜 앱 개발자가 웹을 개발하냐고? 그냥 그렇게 됐다. 우선 오늘은 회원 리스트에서 회원명을 클릭할 경우 새창이 뜨면서 파라미터로 회원의 고유키를 넘겨야 하는 상황이 발생. 기존 HTML방식에서라면 별 문제가 안될 것 같은데 모델과 뷰를 적절히 섞어 사용해야 하는 만큼 약간의 수고가 필요하게 되었다. /* var userDetail = function(seq) { alert(seq); window.open("/us.. 2019. 4. 1. 이전 1 다음 반응형
