2021/02/04 - [IT 독학/WEB] - [JSP ②] JSP 실습 - CRUD게시판 구현하기 ( jdbc연결 / sql 파일 생성 / / 웹개발 기초 / 웹개발 독학 )
2021/02/05 - [IT 독학/WEB] - [JSP ④] JSP 실습 - CRUD게시판 구현하기 (C R 기능 구현 / 백엔드 / 웹개발 기초 / 웹개발 독학 )
2021/02/07 - [IT 독학/WEB] - [JSP ⑤] JSP 실습 - CRUD게시판 구현하기 ( U D 기능 구현 / 백엔드 / 웹개발 기초 / 웹개발 독학 )
header와 footer에 대해 알고싶다면 시멘틱 구조를 공부하면 된다.
[HTML ⑤/⑤] 시맨틱구조 / 시맨틱태그 (html기초/개념)
github.com/recordbuffer/TIL/blob/main/HTML/Semantic_tag.html recordbuffer/TIL Today I Learned. Contribute to recordbuffer/TIL development by creating an account on GitHub. github.com
datamoney.tistory.com
일단 jsp 파일을 먼저 만들어 준다.
header.jsp
HTML과 CSS를 공부했을 때를 기억해서 header를 만들어주고 디자인 요소도 넣어준다.
나는 header를 누르면 게시판 처음 화면(게시글 목록)으로 넘어가게 해줬다.
footer.jsp
역시 footer를 만들어주고 밑에 정보나 저작권 등등 써주고 싶은 것들을 적어주었다.
그리고 이 둘을 넣고 싶은 페이지의 바디부분의 맨 위와 맨 밑에 각각 넣어주면 된다.
+ main.jsp에 넣어주기
나는 insert.jsp update.jsp selectone.jsp 에도 넣어줬다.
디자인부분만 잘 해서 넣는다면 꽤나 그럴듯한 웹 사이트 처럼 보일 것 같다.
아주 쉽게 잘 구현이 됐다.
github.com/recordbuffer/TIL/tree/main/JSP/board
recordbuffer/TIL
Today I Learned. Contribute to recordbuffer/TIL development by creating an account on GitHub.
github.com
댓글