[게시판 프로젝트] 게시판 레이아웃 작업

게시판 프로젝트에 쓰일 레이아웃을 부트스트랩을 사용하여 그려보았다.

사용된 부트스트랩

https://startbootstrap.com/previews/blog-home
https://getbootstrap.kr/docs/5.2/getting-started/introduction/

부트스트랩 적용 방법

https://javapotato.tistory.com/39

[Spring/Eclipse]부트스트랩 적용 방법

---

레이아웃을 만들기 전 기초 작업을 해줬다.

views 폴더에 include 폴더를 하나 만들어두고,
home.jsp 파일의 각 부분마다 파일로 나누어 include 폴더에 저장시켜 관리해뒀다.

home.jsp에는 위와 같이 포함을 시켜두었다.
이렇게 하면 코드를 관리하기 편해서 이렇게 나누어 두었다.

---

작업 완료된 레이아웃은 다음과 같다.

Home(Main)-홈(메인) 화면

로그인

ID찾기

ID찾기 결과 폼

비밀번호 찾기

비밀번호 찾기 결과 폼

회원가입

게시판-게시글 목록 리스트

게시글 작성 폼

게시글 상세보기(+ 댓글 입력)

게시글 수정

마이페이지 - 회원 정보 조회/수정

마이페이지 - 내가 스크랩한 글 리스트

마이페이지 - 내가 작성한 글

이런 식으로 레이아웃을 만들었다.