Jaime's 기술 블로그

본 포스팅은 백기선님의 스프링과 JPA 기반 웹 애플리케이션 개발 강의를 참고하여 작성하였습니다. 소스 코드는 여기 있습니다. (commit hash: a7de4fe) > git clone https://github.com/lcalmsky/spring-boot-app.git > git checkout a7de4fe ℹ️ squash merge를 사용해 기존 branch를 삭제하기로 하여 앞으로는 commit hash로 포스팅 시점의 소스 코드를 공유할 예정입니다. Overview 이번 포스팅에서는 내비게이션 바에 아이콘 추가하고, 프로필 기본 이미지(아바타)를 설정합니다. 라이브러리 설치 사용할 라이브러리를 static resource 디렉토리에 설치합니다. > cd src/main/resources/s..

본 포스팅은 백기선님의 스프링과 JPA 기반 웹 애플리케이션 개발 강의를 참고하여 작성하였습니다. 소스 코드는 여기 있습니다. (commit hash: 3bb5e59) > git clone https://github.com/lcalmsky/spring-boot-app.git > git checkout 3bb5e59 ℹ️ squash merge를 사용해 기존 branch를 삭제하기로 하여 앞으로는 commit hash로 포스팅 시점의 소스 코드를 공유할 예정입니다. Overview 기존 View 코드의 중복된 내용을 제거합니다. Thymeleaf의 Fragment를 사용합니다. Fragment Fragment에 대한 자세한 내용은 여기 나와있습니다. 간략하게 설명하자면, Fragment는 마크업에서의 fr..

본 포스팅은 백기선님의 스프링과 JPA 기반 웹 애플리케이션 개발 강의를 참고하여 작성하였습니다. 소스 코드는 여기 있습니다. (branch: feature/4) Overview Bootstrap, Thymeleaf, HTML, CSS를 사용하여 회원 가입 페이지를 작성하고 요청시 보여줍니다. 회원 가입시 받을 수 있는 정보를 폼 객체로 제공합니다. Prerequisite 부트스트랩(Bootstrap) 설정 위 값을 복사해서 sign-up.html 파일의 head 태그 안쪽에 추가하고 title 태그 안쪽의 값을 원하는 제목으로 수정합니다. ... 생략 그리고 body 태그 안쪽에 아래 스크립트를 추가합니다. 위 스크립트는 부트스트랩에서 필요로하는 JS function 들을 사용할 수 있게 해줍니다. 예..