스프링 부트와 JPA, Validation, Thymeleaf를 활용해회원 정보를 안전하게 저장하고회원가입 폼의 유효성 검증 및비밀번호 암호화(BCrypt)까지 실제 서비스에 필요한회원가입 기능의 전체 과정을 구현합니다.📌 예제 코드 구성1) 회원 엔티티(SiteUser.java)package com.mysite.sbb.user;import jakarta.persistence.Column;import jakarta.persistence.Entity;import jakarta.persistence.GeneratedValue;import jakarta.persistence.GenerationType;import jakarta.persistence.Id;import lombok.Getter;import lo..

-- 기본 구조 : HTML이 작용하는 범위를 지정하는 태그 : 타이틀이나 메타 태그를 포함하는 태그 : HTML 제목을 선언하는 태그 : HTML의 부가 정보를 선언하는 태그 : 외부 CSS, 파비콘 등을 연결하는 태그 : 문서의 본문 범위를 지정하는 태그 -- 텍스트 관련 : 제목과 소제목을 묶기 위한 태그 : 제목(Heading)을 표시할 때 사용되는 태그 : 새 문단을 여는 태그 : 텍스트를 위첨자(superscript)로 표시하는 태그 : 텍스트를 아래첨자(subscript)로 표시하는 태그 : 텍스트를 조금 작게 표시하는 태그 / 저작권 정보나 주석 등. : 문단 내 줄바꿈 태그 : 가로줄(Horizontal Rule) 넣는 태그 : 약어를 이 태그로 묶어서 무엇의 약어..

Bootstrap의 카드(card) 컴포넌트와 다양한 유틸리티 클래스를 활용하면질문 상세 내용과 답변(댓글) 리스트를한눈에 보기 쉽고, 깔끔하게 디자인할 수 있습니다.이번 강의에서는 작성 날짜, 댓글 개수, 각 답변의 작성 일시까지정보를 풍부하게 표현하는 화면을 만들어봅니다.📌 예제 코드 (question_detail.html) ..

실제 서비스에서는 여러 화면에 공통 레이아웃(상단, 하단, CSS 등)을템플릿으로 분리하여 코드 중복을 줄이고, 디자인 일관성을 유지합니다.Thymeleaf의 레이아웃 기능과 Bootstrap CSS를 활용하면적은 코드로도 전문적인 게시판 화면을 만들 수 있습니다.📌 예제 코드(1) 기본 레이아웃 템플릿 - layout.html (2) 게시판 리스트 페이지 - question_list.html 자유게시판 번호 제목 작성일자 ..