벡엔드/spring17 [Spring boot] Layout Dialect로 공통 레이아웃 쉽게 구성하기 (Spring Boot + Thymeleaf) Layout Dialect로 공통 레이아웃 쉽게 구성하기 (Spring Boot + Thymeleaf) 이 글은 JSP 기반 레거시 프로젝트를 Spring Boot + Thymeleaf로 전환하면서 Layout Dialect를 활용해 레이아웃과 공통 템플릿을 구성하는 방법을 단계별로 설명합니다.1️⃣ pom.xml 의존성 추가Spring Boot 3.5.0 기준으로 thymeleaf-layout-dialect를 추가합니다. nz.net.ultraq.thymeleaf thymeleaf-layout-dialect 3.2.12️⃣ 프로젝트 폴더 구조프로젝트에서 정적 리소스와 템플릿은 아래처럼 구성합니다.src/ └── main/ └── resources/ ├── st.. 2025. 5. 30. SPRING(17) 회원 관리 기능 구현_아이디 중복 체크 기능 이번에 구현할 기능은 회원가입을 할 때나 로그인을 할 때 필요한 아이디 중복체크기능을 구현하겠습니다. 1. 아이디 체크를 위한 처리는 ajax로 처리해 페이지 전환없이 바로 확인 할 수 있도록 만들어 줬습니다. - 사용이 가능한 아이디 - 중복된 아이디 값 이 두가지가 보이는 기능을 구현 했습니다. 2. ajax를 위한 jsp는 registerForm.jsp를 사용해서 구현 했습니다. 회원 가입 페이지 입니다. @ 선텍하세요! naver.com daum.net google.com ajax에서 사용이 가능하다면 파란색글씨로 중복되었다면 빨간글씨로 처리를 해주었고 button을 사용해 즉각적으로 확인이 가능하도록 태그 안에 결과 같이 보여지도록 만들어 주었습니다. 그리고 GET매핑으로 경로는 idChk로 보.. 2022. 2. 1. SPRING(16) 회원 관리 기능 구현_프로필 사진 등록 이번 시간에는 프로필 사진을 등록하는 기능을 구현 해보겠습니다. 1. 일단 프로필 사진을 등록하기 위해서는 파일 입출력을 위한 디펜던시를 추가해야 합니다. commons-fileupload commons-fileupload 1.3.3 commons-io commons-io 2.4 상단의 코드를 porm.xml에 추가를 해줍니다. 2. 전 시간에 했었던 회원가입 기능이 성공했다면 프로필 사진을 등록하는 기능으로 경로를 보내주는데 profilePhoto.jsp 경로를 이곳을 잡아줍니다. https://qkqtodn1.tistory.com/61 이 페이지를 참고 해서 보시면 됩니다. 3. 그리고 profilePhoto.jsp의 jsp페이지 form을 만들어 줍니다. 프로필 사진 페이지입니다. 프로필 사진을 등.. 2022. 2. 1. SPRING(15) 회원 관리 기능 구현_회원가입 기능 이번 시간에는 회원 관리 기능에서 중요한 회원 가입 기능에 대해서 구현해보겠습니다. 1. 준비 했던 loginPOPUP 창의 회원가입의 버튼의 경로를 지정해주고 controller에 회원가입 폼으로 가는 경로를 설정해줍니다. https://qkqtodn1.tistory.com/60 전에 작성하던 loginPOPUP 를 참고하세요 로그인 창입니다. 회원가입 button의 onclick 의 기능으로 location.href=""에 안에 경로를 지정해서 controller로 값을 넘겨줍니다. @GetMapping("user/registerForm") public String resgitserForm() { return "user/registerForm"; } controller에서 단순 경로만 지정해서 회원 .. 2022. 1. 26. SPRING(14) 로그인 팝업창으로 만들기 이번 시간에는 로그인 창을 팝업으로 만들어서 관리하는 방법을 구현해보겠습니다. 1. 먼저 팝업창을 띄어줄 메인 index.jsp에 만들어 주겠습니다. index.jsp 에서 팝업을 위한 script 문법을 사용하겠습니다. 메인 페이지 입니다. 로그인 하기 이 index.jsp에서는 GettMapping으로 되어있는 태그로 묶어있는 클릭창과 로그인 창을 만들어주는 button으로 구성되어 있고 button을 누르게 되면 상단의 javascript function 으로 되어 있는 기능으로 넘겨주는 onclick으로 구성되어 있습니다. ( popup의 기능에는 기본적으로 3개의 영역을 적는데 처음의 영역에는 경로를 지정하고 두번째 영역에는 팝업창의 별칭을 설정하고 세번째 영역에는 크기를 지정하는 영역입니다. .. 2022. 1. 26. SPRING(13) 회원 관리 기능 구현_3 데이터베이스 연동에 필요한 작업이 끝났으니 이제는 기본 경로를 설정하는 세팅을 하도록 하겠습니다. 1. 먼저 해당 웹서비스를 이용하기 위해서 기본적인 접속을 했을때 생성되는 home이 아니라 index를 만들어서 관리를 해줍니다. package com.care.member; import java.text.DateFormat; import java.util.Date; import java.util.Locale; import org.slf4j.Logger; import org.slf4j.LoggerFactory; import org.springframework.stereotype.Controller; import org.springframework.ui.Model; import org.springframew.. 2022. 1. 25. 이전 1 2 3 다음
