전체 글

오늘 공부할 주제 더티체킹이란? 영속성 컨텍스트란? Github 코드 보기 1. 글 상세 페이지 만들기 글목록에서 해당 글을 클릭하게 되면 열리게되는 상세페이지를 먼저 만들어보도록 한다. // detail.jsp 돌아가기 수정 삭제 글번호:${board.id}&nbsp 작성자:${board.user.username}&nbsp 작성시간:${board.createTime} ${board.title} ${board.content} 등록 디자인은 따로 설명하지 않도록 하겠다. 먼저 상단에 돌아가기, 수정, 삭제 버튼을 만들어 글을 보는 사람이 글쓴이 일 경우에 해당 버튼이 보이도록 하였다. 그리고 돌아가기 버튼은 history.back()함수를 사용하여 전 페이지로 이동하게 하였다. 나머지 인자 값들은 글정보를..

JavaScript (Language)란?javascript는 서버사이드 Java와 같은 서버사이드 Language와 다르게 브라우저 같은 웹에서 사용되며, 웹의 동적 기능을 담당하고 있는 언어이다. 1. JavaScript의 역사JavaScript는 초기에 웹 페이지의 동적인 기능 구현을 위한 스크립트 언어로 사용되었다. 그러나 브라우저 외부에서도 JavaScript를 사용할 수 있게 됨에 따라, Node.js와 같은 런타임 환경이 개발되어 서버 사이드 어플리케이션 개발도 가능하게 되었으며, 이제는 React, Vue와 같은 프론트엔드 프레임워크를 사용하면서 더욱 편리하게 웹 개발을 할 수 있게 되었다.  2. JavaScript의 특징 객체 기반 언어객체 지향 언어로서, 객체를 중심으로 프로그래밍을 ..

오늘 공부할 주제 @PageableDefault() 어노테이션 Github 코드 보기 1. Controller수정하기 기존에는 글 관련 정보만 jsp 페이지로 전달했지만 추가적으로 페이지에 대한 정보도 같이 보내기 위해 다음과 같이 코드를 작성하였다. // BoardController 클래스 @GetMapping({"", "/"}) public String index(Model model, @PageableDefault(size = 5, sort = "id", direction = Sort.Direction.DESC)Pageable pageable){ boardService.글목록(model, pageable); return "index"; } 먼저 파라미터로 @PageableDefault 어노테이션을 ..

오늘 공부할 주제 JSTL 문법이란? Github 코드 보기 1. 글 목록 디자인 및 JSTL 사용하기 이제 만들 글들을 홈페이지의 화면에 리스트화 시킬 것이다. 기존의 디자인에서 조금 수정을 하였다. // index.jsp ${board.title} ${board.content} 카테고리 | ${board.createTime} 제목과 내용을 클릭하면 해당 글상세로 넘어갈 수 있도록 링크를 걸어준다. 제목, 내용, 작성 시간은 Controller로 부터 받아서 표현해주도록 하겠다. 먼저 jsp페이지에서 jstl문법을 사용하면 forEach를 이용한 반복문 구현이 가능하다. 이 코드는 반복할 객체명을 items로 설정해주고 ${}으로 감싸서 java클래스로 부터 받을 수 있도록한다. 그리고 객체를 boar..

오늘 공부할 주제 Javascript 에 대해서 Github 코드 보기 1. 글쓰기 페이지 만들기 회원가입, 로그인 페이지를 만든 것과 같이 자신이 원하는 디자인을 입혀서 글쓰기 페이지를 만들도록 한다. //writeForm.jsp Title Content 글작성완료 나 같은 경우 제목의 input은 그대로 사용하였고, 내용은 summernote를 통해 edit기능가지 추가하였다. 자세한 것은 이쪽 링크를 통해 알아보자 https://summernote.org/getting-started/ Summernote - Super Simple WYSIWYG editor Super Simple WYSIWYG Editor on Bootstrap Summernote is a JavaScript library that..