본문 바로가기

HTML4

Thymeleaf #2 [~{} - Fragment] Fragment 이용하기 Html을 이용해 화면을 그리다 보면 항상 중복된 메뉴나 정보등을 나타내고자 하는 경우가 생깁니다. 위의 그림과 같이 중복된 메뉴나 정보등을 나타낼때 Thymeleaf에서 지원하는 도구가 "Fragment" 입니다. 먼저 menu.html에 화면 상단에 들어갈 코드를 준비합니다. a Page b Page 이후에 info.html에 들어갈 코드도 준비합니다. 이 페이지는 관리자 페이지 입니다. 이 후에 view1.html에 menu 부분과 info 부분을 작성합니다. 여기는 menu 여기는 view1.html 페이지 입니다. 여기는 info 여기서 th:replace란? 현재 페이지에 작성된 dom의 내용을 치환 한다는 의미입니다. fragment/info :: info를 해석해 .. 2020. 6. 19.
Thymeleaf #1 [문법 정리] Thymeleaf 문법 정리 현재 Spring을 사용하시는 모든 분들은 한번씩은 거쳐 보셨거나 지금도 사용하시는 Thymeleaf 문법중에 가장 많이 사용하는 문법위주로 정리해 보겠습니다. #{메세지 표시} 언어 선택 혹은 같은 내용을 반복해서 표시 해야 할때에 우리가 자주 쓰는 파일이 있습니다. "message.properties" 여기에 표시된 내용들은 모두 사용 가능합니다. 예를 들어 "이 페이지는 회원 전용 페이지 입니다." 라는 문구가 있다고 가정 했을 때 문장을 계속 타이핑 하다보면 실수나 오타등으로 문제가 생기는 걸 방지 할 수 있다. message.properties : user.only=이 페이지는 회원 전용 페이지 입니다. html : ${서버에서 전달 받은 값} 서버에서 화면을 구성할.. 2020. 6. 17.
Thymeleaf #0 Thymeleaf란? Java (Spring) 에서 주로 사용하는 Template Engine 입니다. HTML을 브라우저에 띄울때 서버에서 전달 받는 데이터를 표시 할 때에 사용합니다. jsp에서 사용하는 스플릿틀릿의 문법과 비슷하지만 자바에서 사용되는 객체 등을 그대로 받아서 사용도 가능하고 다른 Templat Engine에 비해 현재까지도 spring과 버전을 맞춰가고 있습니다. Spring Security를 적용하게 된다면 java와의 호환성에서도 앞서고 빠른 속도 때문이라도 1순위로 고려해 보는것이 좋습니다. 2020. 6. 16.
Spring Boot #1 [Spring Boot 실행하기] 너무 오랜 시간 블로그를 방치했네요... 조금 늦었지만 다시 이어가겠습니다. 처음 Hello World를 브라우저에 찍어보기 전에 이번 프로젝트에서 필요한 두개의 Maven Dependency가 있습니다. 0. 아래와 같이 타임리프를 사용하여 view를 연동 할 계획입니다. 1. Request를 받을 서버 컨트롤러를 만들어 주세요. 1-1. 컨트롤러에 어노테이션 및 Request 경로를 설정해 줍니다. 2. View를 만듭니다. 여기서 Thymeleaf를 사용하면 자동으로 읽어 들이는 폴더가 자동으로 맵핑 됩니다. static -> js, css, image, 등등 templates -> html 위와 같이 맵핑되는 디렉토리에 리소스 파일등을 생성해 주시면 됩니다. 혹은 application.proper.. 2020. 6. 15.